ES6内容

最新推荐文章于 2024-03-14 11:36:56 发布

Morii574

最新推荐文章于 2024-03-14 11:36:56 发布

阅读量181

点赞数

文章标签： javascript 前端 node.js

本文链接：https://blog.csdn.net/weixin_70024004/article/details/125225305

版权

本文介绍了ES6的模块化概念，包括export和import的使用，以及export default和as别名导出。此外，还讲解了按需加载和async/await在处理异步操作中的应用，如何通过async函数和await关键字简化Promise链式调用。

摘要由CSDN通过智能技术生成

1.模块化

什么是模块化

模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来。
模块化的优势有以下几点：
- 防止命名冲突
- 代码复用
- 高维护性

模块化规范产品

CommonJS=> NodeJS、Browserify
AMD => requireJS
CMD => seaJS
ES6

2. ES6 模块化

模块功能主要由两个关键字构成：export 和 import
export 命令用于规定模块的对外接口
import 命令用于输入其他模块提供的功能

3. export

export 有两种导出模式，export 和 export default(一个模块中只能有一个 default)

导出变量

export 后边可以是一个变量声明表达式或者是一个{}里边包含变量名，但是不能直接输出一个变量， export default 后边可以直接跟一个常量或者变量，但是不能跟声明表达式

export var a = 1 //正确

const age = 100
export {
    age } //正确

export age //错误

export default age //正确

export default 50 //正确

export default var name='abc ' //错误

导出函数

export 和 export 都可以直接导出函数声明语句，但是 export 后边不能跟匿名函数，如果直接导出函数名 export 需要用{}包裹

//正确
 export default function test () {
   
  console.log('test function')
}
   //正确
 export  function test2 () {
   
  console.log('test function')
}
//错误
 export  function  () {
   
  console.log('test function')
}
 //正确
 export default function  () {
   
  console.log('test function')
}

function test3(){
   
 console.log('test3 function')
}

//正确
expor {
   test3}
//正确
export default test3
错误