ES6基础语法整理

1. 声明变量let和const

• let声明的变量引入了块级作用域
• const声明的常量不允许重新赋值

2. 箭头函数

3. 函数参数默认值

4. ...扩展运算符

5. 解构赋值

6. 对象

1. 对象的写法

 {add,substrict}  

注意这种写法的属性名称和值变量是同一个名称才可以简写，否则要想es5那样的写法,例如：

{addFun:add}

2. 在对象中的方法的写法

 {add(){},substrict(){}}

3. 对象的导出写法

       // 第一种写法
       export default{
       add(){}
       }

        //第二种写法
        export fucntion add(){} // 相当于 将add方法当做一个属性挂在到exports对象

4. 对象的导入

       // 如果导出的是：
       export default{ add(){}}

       // 那么可以通过 
       import obj from './calc.js'

       // 如果导出的是：
       export fucntion add(){}
       export fucntion substrict(){}
       export const PI=3.14

       // 那么可以通过按需加载 
       import {add,substrict,PI} from './calc.js'

7. 模板字符串 反引号表示模板，模板中的内容可以有格式，通过${}方式填充数据，可以填入语句

8. 类与继承

// function Animal(name){
//     this.name = name;
// }
// Animal.prototype.showName = function(){
//     console.log(this.name);
// }
// var a = new Animal('Tom');
// a.showName();

class Animal{
    // 静态方法(静态方法只能通过类名调用，不可以使用实例对象调用)
    static showInfo(){
        console.log('hi');
    }
    // 构造函数
    constructor(name){
        //对象属性
        this.name = name;
    }
    //对象方法
    showName(){
        console.log(this.name);
    }
}

// let a = new Animal('spike');
// a.showName();
// a.showInfo();
// Animal.showInfo();

// 类的继承extends
class Dog extends Animal{
    constructor(name,color){
        super(name);//注意super用来调用父类
        this.color = color;
    }
    showColor(){
        console.log(this.color);
    }
}
let d = new Dog('doudou','yellow');
d.showName();
d.showColor();
// d.showInfo();
Dog.showInfo();