0%

ES6新特性

ES6特性总结

ES6

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

与JavaScript的关系?:

  1. ES6是js的一种标准
  2. js是ES6的一种实现

常用特性

变量声明关键字

新增letconst用于块级作用域上的变量声明,其中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;
}