ES6基础知识

一、类

1、基本语法

// 定义类
class Parent{
    constructor (name='Parent') {
        this.name = name;
    }
}

2、类的继承

// 类的继承
class Child extends Parent{
    constructor (name='Child') {
        this.name = name;
    }
}
// super关键字
class Child extends Parent{
    constructor (name='Child') {
        // super在构造函数第一行
        super(name);
        // 子类属性
        this.type = 'Child'
    }
}

3、静态方法

// 静态方法
class Parent{
    constructor (name='Parent') {
        this.name = name;
    }
    static tell(){
	console.log("tell")
    }
}
Parent.type = "定义静态属性"
// 调用静态方法
Parent.tell();

4、静态属性

5、getter

// get/set 读取/设定属性
class Parent{
    constructor (name='Parent') {
        this.name = name;
    }
    get logName(){
        return 'mk'+this.name;
    }
    set logName(name){
        this.name = name;
    }
}
var v = new Parent();
console.log('getter',v.logName);

6、setter

二、Promise

Promise作用：是异步编程解决方案

ES5异步解决方案

回调解决异步编程

事件解决异步编程

Promise用法：

let ajax = function (){
    console.log('执行')；
    return new Promise(function(resolve,reject){
        setTimeout(function(){
            // 成功执行resolve
            resolve();
            // 失败执行reject
        },1000)
    })
}
ajax().then(function(){
    console.log('resolve');
},function(){
    console.log('reject');
})

多步调用，a完了->b，b完了->c

Promise存在优势

Promise.all()