【ES6】Promise、Symbol、async

曾经终败给现在 2021-12-04 07:27 241阅读 0赞

**本文笔记基于「千古壹号」的GitHub项目：[https://github.com/qianguyihao/web][https_github.com_qianguyihao_web]  
非商业用途自由转载，保持署名，注明出处！**

--------------------

### 文章目录 ###

*  1.基础
 *  2. Promise
 *  2.Symbol
 *  3.async函数

# 1.基础 #

*  写代码时，能用单引号尽量用**单引号**，而不是双引号，前者在压缩之后，程序执行会更快。
 *  VS Code 里**打开终端**的快捷键是：**Contol + ~**

# 2. Promise #

*  概念：代表了未来某个将要发生的事件(通常是一个异步操作)
 *  作用：将异步操作以同步的流程表达出来，很好地解决了回调地狱的问题
 *  本质：Promise是一个**构造函数**, 用来生成promise实例。
 *  状态：等待（pending）、成功（fullfilled）、失败（rejected）
 *  步骤：**创建** promise对象，**调用**该对象的回调函数then（）
 *  代码格式

//创建
    let promise = new Promise((resolve, reject) => { 
    	console.log('');//同步操作
    	if  (异步的ajax请求成功) { 
    		 resolve();
    	}else { 
                reject();
            }
    //调用
     promise.then(
     () => { },//成功
     () => { }）//失败
    })

*  () 均可以带参数

# 2.Symbol #

*  问题：ES5对象属性都是字符串，重名冲突、污染环境。
 *  解决：ES6引入数据类型Symbol，表示唯一值；
 *  特点：值唯一，不能与其他数据进行计算（包括字符串拼接）、 for in 、for of不会遍历该属性
 *  本质是**函数**，但并非构造函数，创建：

let mySymbol = Symbol();

*  由于唯一性，创建的两个数据是不相同的
 *  用途1：定义常量

const MY_NAME = Symbol('my_name');

*  内置：用作遍历：Symbol.iterator属性

# 3.async函数 #

*  **异步函数**
 *  ES2017引入
 *  作用：真正意义上去解决**异步回调**的问题，同步流程表达异步操作
 *  优势：async比之前的 Promise、Generator要好用一些。
 *  代码形式：

async function foo() { 
            await 异步操作;
            await 异步操作；
        }

--------------------

**如有不当之处，欢迎指正!  
谢谢！**