es6核心特性学习

1.变量声明

使用const和let代替var

2.块级作用域

变量只会在当前块级作用域下生效，不会影响其他的作用域

{
    let tmp='';
}

3.模板

{}

4.箭头表达式
()没有参数时需要加()=>{}
只有一个参数可以不加() index=>{}
一个以上的需要加()=>{}

5.for of

const arr = ['a','b','c'];
for(const elem of arr){
    console.log(elem);
}

6.默认参数

function (x=0,y=0){
    ...
}
function ({x=0,y=-1}){

}
//无限的参数

function (...args){
    for (const elem of args){
        console.log(elem);
    }
}

Math.max.apply(Math, [-1, 5, 11, 3]) 
=》
Math.max(...[-1, 5, 11, 3])

arr1.push.apply(arr1, arr2);
=》
arr1.push(...arr2);

console.log(arr1.concat(arr2, arr3));
=》
console.log([...arr1, ...arr2, ...arr3]);

对象字面量
省略掉了function()

var obj = {
    foo:{
        ...
    },
    bar:{
        this.foo();
    },
}

类

省略掉了function，各部分不需要逗号

class Person(){
    constructor(name){
        this.name = name;
    }
    describe(){
        return 'Person called' + this.name;
    }
}

多项导出

//------ lib.js ------
export const sqrt = Math.sqrt;
export function square(x) {
    return x * x;
}
export function diag(x, y) {
    return sqrt(square(x) + square(y));
}

//------ main1.js ------
import { square, diag } from 'lib';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5

//------ main2.js ------
import * as lib from 'lib'; // (A)
console.log(lib.square(11)); // 121
console.log(lib.diag(4, 3)); // 5