ES6中的as的基本使用

在 ES6 中,as 关键字用于修改变量名

配合 export 使用

有时候我们不想暴露模块中的变量名称,就可以给模块取一个更加语义化的名称

let a = function (name) {
  console.log(name)
}
export { a as printName }

配合 import 使用

当我们需要一次性导入模块的全部变量时,就可以使用 * as 代表全部
这样的话所有的变量都会被包裹到一个 obj 对象中

import * as fun from "xxxx"

fun.printName('张三')

导入时重命名

在某些特殊情况下,多个模块使用了相同的变量名
就会导致命名冲突的问题,此时就可以使用 as 进行重命名

// test1.js 文件
export let name = '张三'

// test2.js 文件
export let name = '李四'

// index.js 文件
import { name as test1_name } from './test1.js'
import { name as test2_name } from './test2.js'
posted @ 2022-06-29 21:29  如是。  阅读(1388)  评论(0)    收藏  举报