ECMAScript 6 一问三不知

let var const

  • let
  • 块级作用域
  • 不存在变量提升(var变量提升,值为undefined,let变量必须在声明后使用)
  • 不允许重复声明
  • var

var会发生变量提升,在声明前使用,值为undefined

  • const
  • 声明一个只读的常量,值不能改变
  • 通过const 声明的对象的属性是可以修改的(const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。)

箭头函数 和 function

  • 写法不同
let f = v => v;
let f = function(v){ return v; }
  • 箭头函数注意点:
  1. 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。(function中的this,是使用时所在的对象)
  2. 不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。
  3. 不可以使用 arguments对象,该对象在函数体内不存在。如果要用,可以用rest 参数代替。
  4. 不可以使用 yield命令,因此箭头函数不能用作 Generator 函数。

Promise 对象

Promise 是异步编程的一种解决方案,简单说就是一个容器,里面保存着某个未来才会结束的事件的结果。从语法上来说,Promise是一个对象,从它可以获取异步操作的消息。

  • Promise的三种状态:

pending(进行中,也是初始状态)
fulfilled (已成功,resolve)
rejected (已失败,reject)

  • Promise 中的方法:
  1. Promise.prototype.then():为Promise实例添加状态改变时的回调函数,接收两个参数:一个是fulfilled状态的回调函数,第二个是rejected状态的回调函数。 then方法返回一个新的Promise实例,所以可以采用链式写法。
  1. Promise.prototype.catch():用于指定发生错误时的回调函数。
  1. Promise.prototype.finally():不管Promise对象最后的状态如何,都会执行finally()方法(ES2018引入的标准)
  1. Promise.all():将多个Promise实例包装成一个新的Promise实例。
 const p = Promise.all([p1, p2, p3]);
  • 只有p1p2p3的状态都是fulfilledp的状态才会变成fulfilled
  • 只要p1p2p3中有一个rejectedp的状态就是rejected
  • 如果希望p1p2p3rejected不影响p,那么p1p2p3要有自己的catch`返回一个新的实例。
  1. Promise.race():将多个Promise实例包装成一个新的Promise实例。如果p1p2p3中有一个实例率先改变了状态,p的状态就会跟着改变,最先改变的Promise实例的返回值,就传递给p`的回调函数。
  1. Promise.allSettled():接收一组Promise实例作为参数,包装成一个新的Promise实例。只有所有参数实例都返回结果,不管是fulfilled还是rejected,包装实例才会结束(ES2020引入)。
  1. Promise.resolve():将现有对象转为Promise对象。
Promise.resolve('foo');
//等价于
new Promise(resolve => resolve('foo'));

······【未完待续】······

[参考]:https://es6.ruanyifeng.com/

你可能感兴趣的:(ECMAScript 6 一问三不知)