ES6新特性

ES6特性总结

ES6

ECMAScript 6.0（简称 ES6）是 JavaScript 语言的下一代标准，于 2015 年 6 月正式发布。

与JavaScript的关系？:

ES6是js的一种标准
js是ES6的一种实现

常用特性

变量声明关键字

新增let 和const用于块级作用域上的变量声明，其中const代表声明后不可改变。

模板字符串

相见恨晚啊，以前拼接字符串一堆引号头疼死….

ES5: .innerHTML = 'My name is <b>' + name + '</b> and my age is <font color="green">' + age + '</font>';

ES6: innerHTML = `My name is <b>${name}</b> and my age is <font color="green">${age}</font>`;

解构赋值

[a, b, ...rest] = [10, 20, 30, 40, 50];
 console.log(a); // 10
 console.log(b); // 20
 console.log(rest); // [30, 40, 50]

箭头函数

简写
无this

类

class Rectangle {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
}

默认参数

function multiply(a, b = 1) {
     return a * b;
     }