ES6总结（2）

类

ES6 中有 class 语法。值得注意是，这里的 class 不是新的对象继承模型，它只是原型链的语法糖表现形式。

函数中使用 static 关键词定义构造函数的的方法和属性：

class Animal {

       constructor(color,age){

           this.color = color;

           this.age = age;

       }

       yeil(){

           alert("我大声咆哮");

       }

   }

⑵、

 class Cat extends Animal{

       constructor(color,age,name){

           super(color,age); //调用Animal构造函数constructor

           this.name = name;

       }

       skill(){

           alert("我超级会卖萌");

       }

   }

   var c1 = new Cat("黄色",2,"kitty");

   var c2 = new Cat("黑色",1,"可乐");

   c1.skill();

   c1.yeil();

模块化

在html中模块化引入js

1. 有http服务器

2. <script type="module">

export 导出

var name = "mumu";

export{name};

function say(){ alert('我喜欢'+name)}

export {say};

import 导入

<script type="module">

    import {name,say} from './js/utils.js';

    say();

</script>

Promise

ES6 对 Promise 有了原生的支持，一个 Promise 是一个等待被异步执行的对象，当它执行完成后，其状态会变成 resolved 或者rejected。

promise     承诺

resolve     完成解决

reject       拒绝兑现

概述

是异步编程的一种解决方案。

从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。

Promise 状态

状态的特点

Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无法改变这个状态。

Promise 对象只有：从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。只要处于 fulfilled 和 rejected ，状态就不会再变了即 resolved（已定型）。

状态的缺点

无法取消 Promise ，一旦新建它就会立即执行，无法中途取消。

如果不设置回调函数，Promise 内部抛出的错误，不会反应到外部。

当处于 pending 状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。

then 方法

then 方法接收两个函数作为参数，第一个参数是 Promise 执行成功时的回调，第二个参数是 Promise 执行失败时的回调，两个函数只会有一个被调用。

then 方法的特点

在 JavaScript 事件队列的当前运行完成之前，回调函数永远不会被调用。

通过 .then 形式添加的回调函数，不论什么时候，都会被调用。

通过多次调用，可以添加多个回调函数，它们会按照插入顺序并且独立运行。

const p = new Promise(function(resolve,reject){

resolve(1);

}).then(function(value){ // 第一个then // 1

console.log(value);

return value * 2;

}).then(function(value){ // 第二个then // 2

console.log(value);

}).then(function(value){ // 第三个then // undefined

console.log(value);

return Promise.resolve('resolve');

}).then(function(value){ // 第四个then // resolve

console.log(value);

return Promise.reject('reject');

}).then(function(value){ // 第五个then //reject:reject

console.log('resolve:' + value);

}, function(err) {

console.log('reject:' + err);

});

then 方法将返回一个 resolved 或 rejected 状态的 Promise 对象用于链式调用，且 Promise 对象的值就是这个返回值。

then 方法注意点

简便的 Promise 链式编程最好保持扁平化，不要嵌套 Promise。

注意总是返回或终止 Promise 链。