ES 6
class 类
-
类和传统的构造函数对比
//传统函数的写法 function Point(x,y){ this.x=x; this.y=y; } Point.prototype.toString=function(){ return `${this.x},${this.y}` } // 语法糖class的书写 class Point{ constructor(x,y){ this.x=x; this.y=y } toString(){ return `${this.x},${this.y}` } } //Point.prototype.constructor===Point true //typeof Point function解析:
constructor方法里面的相当于构造函数里面的部分,toString方法相当于原型中，方法和方法之间不能有逗号，否则会报错。
Promise构造函数
-
简单模拟Promise的构造函数写法
class Promise{ constructor(){ this.callbacks = [] } then(onsuccess,onfail){ // 储存一个对象里面有2中状态，一种是成功，一种是失败 this.callbacks.push({ resolve: onsuccess, reject: onfail }) return this //链式调用then p1.then().then().... } resolve(result){ this.complete('resolve',result) } reject(result){ this.complete('reject',result) } complete(type,result){ const callbackObj = this.callbacks.shift() //拿出数组第一个对象 callbackObj[type](result) } } //调用这个Promise构造函数 let p = new Promise() function fn() { console.log('fn1') setTimeout(()=>{p.resolve('data1')},1000) console.log('第一个setTimeout之后') return p } function fn1(result){ console.log('fn1',result) setTimeout(() =>{p.resolve('data2')},2000 ) } function fn2(result){ console.log('fn2',result) } fn().then(fn1).then(fn2) //相当于数组里面存放2个对象 // [{resolve:fn1,reject:undefined},{resolve:fn2,reject:undefined}] //then方法返回的是一个新的Promise实例（注意，不是原来那个Promise实例）。因此可以采用链式写法，即then方法后面再调用另一个then方法。 -
Promise()知识点
-
