对ES6的了解

小咪咪 2022-06-08 04:07 159阅读 0赞

**1、新增了模板字符串（为JavaScript提供了简单的字符串插值功能）；**

**2、新增了箭头函数（操作符左边为输入的参数，而右边则是进行的操作以及返回的值）**

var f = () => 5; // 等同于 var f = function () { return 5 }; var sum = (num1, num2) => num1 + num2; // 等同于 var sum = function(num1, num2) { return num1 + num2; };

**3、for-of（用来遍历数据—例如数组中的值）**

for (var value of myArray) { console.log(value); }

**优点**：1）这是最简洁、最直接的遍历数组元素的语法；

2）这个方法避开了for-in循环的所有缺陷；

3）与forEach()不同的是，他可以**正确响应break、continue和return**语句

**补充**：

1）用for-in遍历数组，**key不是实际的数字，而是字符串**，有时会代理编程的麻烦。for-in适合用于字符串类型的键，而不适合普通数组；

2）eachFor**不能使用break**语句中断循环，也**不能使用return**语句返回到外层函数。

3）for-of循环不支持普通对象，但如果你想迭代一个对象的属性，你可以用for-in循环

**4、arguments对象可被不定参数和默认参数完美代替**

// 1各种写法 默认参数出现在中间 function getRequest(url, timeout = 2000, callback) { // do something } gerRequest("/foo", undefined, function() { }); // 2默认参数表达式 let value = 5; function getValue() { return value++; } function add(first, second = getValue()) { return first + second; } add(3); // 8 add(3); // 9 add(1, 1); // 2 // 3后面参数引用前面参数 function add(first, second = first) { return first + second; } add(2); // 4 add(3, 4); // 7

**5、不定参数**

**6、新增了spread操作符**

spread操作符允许我们将数组中的参数一个一个传入函数中 例如：

// Math.max()函数, 一般可以加入任意个参数
    Math.max(12, 13, 14, 15); // 15
    
    // 以数组的形式
    var arr = [1, 2, 3, 4];
    Math.max.apply(null, arr); // 4
    
    // 使用 "..."
    Math.max(...arr); // 4
    // 还可以加入其它的一些参数
    Math.max(...arr, 5, 10); // 10

**7、ES6将promise对象纳入规范，提供了原生的Promise对象**

**8、增加了let和const命令，用来声明变量**

**9、增加了块级作用域**

**10、ES6规定，var命令和function命令声明的全局变量，属于全局对象的属性；let命令、const命令、class命令声明的全局变量，不属于全局对象的属性。**