- ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。
- 新增语法：ES6中新增了用于声明变量的关键字let。
- ：使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。
- 使用let关键字声明的变量没有变量提升。使用let关键字声明的变量具有暂时性死区特性。
- 使用const关键字声明的常量具有块级作用域，使用const关键字声明的常量必须赋初始值。
-
let、const、var 的区别
- 使用 var 声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象
- 使用 let 声明的变量，其作用域为该语句所在的代码块内，不存在变量提升
- 使用 const 声明的是常量，在后面出现的代码中不能再修改该常量的值。
- 解构赋值 ES6中允许从数组中提取值，按照对应位置，对变量赋值，对象也可以实现解构。
- 箭头函数：() => {} //()：代表是函数； =>：必须要的符号，指向哪一个代码块；{}：函数体
const fn = () => {}//代表把一个函数赋值给fn。
箭头函数不绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this
const obj = { name: '张三'}
function fn () {
console.log(this);//this 指向 是obj对象
return () => {
console.log(this);//this 指向 的是箭头函数定义的位置，
那么这个箭头函数定义在fn里面，而这个fn指向是的obj对象，
所以这个this也指向是obj对象
}
}
const resFn = fn.call(obj);
resFn();
箭头函数中不绑定this，箭头函数中的this指向是它所定义的位置，
可以简单理解成，定义箭头函数中的作用域的this指向谁，它就指向谁
var age = 100;
var obj = {
age: 20,
say: () => {
alert(this.age)
}
}
obj.say();//箭头函数this指向的是被声明的作用域里面，
而对象没有作用域的，所以箭头函数虽然在对象中被定义，
但是this指向的是全局作用域
- 剩余参数：
function sum (first, ...args) {
console.log(first); // 10
console.log(args); // [20, 30]
}
sum(10, 20, 30)
es6的内置对象扩展
- 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列。
let ary = [1, 2, 3];
...ary // 1, 2, 3
console.log(...ary); // 1 2 3,相当于下面的代码
console.log(1,2,3);
- 扩展运算符可以应用于合并数组。
// 方法一
let ary1 = [1, 2, 3];
let ary2 = [3, 4, 5];
let ary3 = [...ary1, ...ary2];
// 方法二
ary1.push(...ary2);
- 将类数组或可遍历对象转换为真正的数组。
- 构造函数方法：Array.from()，将伪数组或可遍历对象转换为真正的数组。
- 实例方法：find()用于找出第一个符合条件的数组成员，如果没有找到返回undefined。
var ary = [{
id: 1,
name: '张三'
}, {
id: 2,
name: '李四'
}];
let target = ary.find(item => item.id == 3);
- 实例方法：findindex（）用于找出第一个符合条件的数组成员的位置，如果没有找到返回-1。
let ary = [10, 20, 50];
let index = ary.findIndex(item => item > 15);
console.log(index)
- 实例方法：includes()，判断某个数组是否包含给定的值，返回布尔值。
- String的扩展方法：模板字符串模板字符串中可以解析变量，模板字符串中可以换行，在模板字符串中可以调用函数。
- 实例方法：startsWith() 和 endsWith()
- startsWith()：表示参数字符串是否在原字符串的头部，返回布尔值
- endsWith()：表示参数字符串是否在原字符串的尾部，返回布尔值。
- 实例方法：repeat()
repeat方法表示将原字符串重复n次，返回一个新字符串。
11. Set 数据结构
- add(value)：添加某个值，返回 Set 结构本身
- delete(value)：删除某个值，返回一个布尔值，表示删除是否成功
- has(value)：返回一个布尔值，表示该值是否为 Set 的成员
- clear()：清除所有成员，没有返回值
- Set 结构的实例与数组一样，也拥有forEach方法，用于对每个成员执行某种操作，没有返回值。
