ES6模块化与Promise对象

模块化规范划分

在 ES6 模块化规范诞生之前，JavaScript 社区已经尝试并提出了 AMD 、 CMD 、 CommonJS 等模块化规范。 但是，这些由社区提出的模块化标准，还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准

• AMD 和 CMD 适用于浏览器端的 Javascript 模块化

• CommonJS 适用于服务器端的 Javascript

ES6模块化开发注意点

node.js 中默认仅支持 CommonJS 模块化规范，若想基于 node.js 体验与学习 ES6 的模块化语法，需要按照如下两个步骤进行配置：

• 确保安装了 v13.0.0 或更高版本的 node.js

• 在 package.json 的根节点中添加 "type": "module" 节点

• 配置之后，则只能使用ES6模块化语法，不能再使用CommonJS语法了

Promise对象

异步操作是 JavaScript 编程的麻烦事，麻烦到一直有人提出各种各样的方案，试图解决这个问题。早期使用回调函数处理异步编码，但存在回调地狱的问题。ES6中，新增了Promise 对象，从此异步编程摆脱了回调函数的束缚。

使用语法

let p = new Promise((resolve, reject) => {
    // ... some code
    if (/* 异步操作成功 */) {
        resolve(value);
    } else {
        reject(error);
    }
});

注意点:

• new Promise()

• 必须传入一个函数作为Promise的参数，这个函数在 new Promise的时候就会执行

• 函数有 resolve 和 reject 两个形参

• 函数就相当于一个容器，可以将异步任务放到这里

• 将异步任务成功的结果传给 resolve 函数；将失败的信息传给 reject 函数

p.then(
    result => { /* 获取成功的结果 */ }
);
// 或者
p.then(
    result => { /* 获取成功的结果 */ },
    err => { /* 获取失败的结果 */ }
);
// 或者
p.then(
    result => { /* 获取成功的结果 */ }
).catch(
	err => { /* 获取失败的结果 */ }
);

 注意点:

• then方法接收以个函数类型的参数，只处理成功

• then方法接收两个函数类型的参数，分别用于接收 resolve 的值 和 reject 的值

• then方法也可以只接收一个参数，表示只接收 resolve 的值，失败的结果可以通过链式调用catch方法捕获

Promise中的同步异步

new Promise 和 new 其他对象一样，是同步任务。

获取结果时（调用 resolve 触发 then方法时）是异步的。