深入浅出：了解JavaScript的ES6、ES7新特性

参照阮一峰博客：http://es6.ruanyifeng.com/#README

es6常见题：https://blog.csdn.net/qq_39207948/article/details/80678800

数组用法：https://blog.csdn.net/tang15886395749/article/details/65629898

导航：

1.箭头函数

2.字符串拓展

3.函数拓展

4.数组拓展

5.对象拓展

一、简单介绍一下ES6加了些什么？

一、箭头函数

特点：①.简化代码；②改变this的指向，谁创建函数，this就指向谁。

1. 简单的定义：

胖箭头函数 Fat arrow functions，又称箭头函数，是一个来自ECMAScript 2015（又称ES6）的全新特性。有传闻说，箭头函数的语法=>，是受到了CoffeeScript 的影响，并且它与CoffeeScript中的=>语法一样，共享this上下文。

箭头函数的产生，主要由两个目的：更简洁的语法和与父作用域共享关键字this。接下来，让我们来看几个详细的例子

当需要编写一个简单的单一参数函数时，可以采用箭头函数来书写，标识名 => 表达式。

这样就可以省却 function 和 return 的输入，还有括号，分号等。箭头函数是ES6新增加的一个特性。

    , name: Alice })

箭头函数还可以和解构赋值 Destructuring 联合使用.

const f = ({ first, last }) => first + '' + last;

可以简化回调函数，大大简化和缩短代码行数。

2. 箭头函数和普通函数的区别(this的指向)

普通函数与箭头函数有个微小的不同点。 箭头函数没有自己的this值 ，其this值是通过继承其它传入对象而获得的,通常来说是上一级外部函数的 this 的指向。

);

}

}); //id: 42;

这个例子中， setTimeout 的参数是一个箭头函数， 每隔100毫秒运行一次，如果是普通函

数，执行的 this 应该指向全局对象， 但是箭头函数会让 this 总是指向函数所在的对象

箭头函数里面嵌套箭头函数会有多少个this呢？

看一个简单的例子

})()()(); ,

};

));

3. 怎么处理好箭头函数的使用问题呢？

使用非箭头函数来处理由object.method()语法调用的方法。因为它们会接收到来自调用者的有意义的this值。

在其它场合都使用箭头函数。

4. 使用箭头函数的注意点

箭头函数在参数和箭头之间不能换行。函数体内的this对象就是定义时所在的对象，而不是使用时所在的对象。

};

;

) ) ) ) ) ) )

, , , , , , , ) ) , , , , , , ) {

) {

; ; ;

, , ) , , )

注意，rest 参数之后不能再有其他参数（即只能是最后一个参数），否则会报错。

) {

) {

):: , ) // Object {x: 1, y: 2}

方法

const o = {

method() {

return "Hello!";

}

};

// 等同于

const o = {

method: function () {

return "Hello!";

}

};

属性的遍历

ES6 一共有 5 种方法可以遍历对象的属性。

（1）for...in

for...in循环遍历对象自身的和继承的可枚举属性（不含 Symbol 属性）。

（2）Object.keys(obj)

Object.keys返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名。

（3）Object.getOwnPropertyNames(obj)

Object.getOwnPropertyNames返回一个数组，包含对象自身的所有属性（不含 Symbol 属性，但是包括不可枚举属性）的键名。

（4）Object.getOwnPropertySymbols(obj)

Object.getOwnPropertySymbols返回一个数组，包含对象自身的所有 Symbol 属性的键名。

（5）Reflect.ownKeys(obj)

Reflect.ownKeys返回一个数组，包含对象自身的所有键名，不管键名是 Symbol 或字符串，也不管是否可枚举。

以上的 5 种方法遍历对象的键名，都遵守同样的属性遍历的次序规则。

首先遍历所有数值键，按照数值升序排列。

其次遍历所有字符串键，按照加入时间升序排列。

最后遍历所有 Symbol 键，按照加入时间升序排列。

https://www.cnblogs.com/liutie1030/p/5997446.html