ES6中的as的基本使用

2022/6/29 23:25:12

本文主要是介绍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'


这篇关于ES6中的as的基本使用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程