es6 数组合并_对比 ES5，学习 ES6（一）

一、let、const

之前声明变量都是用的 var，可是 var 有很多问题，比如可以重复声明、没有块级作用域等。

ES6 引入了 let 和 const，它们的区别在于：

• var 可以重复声明，let、const 不能重复声明；
• var 没有块级作用域，let、const 有块级作用域；
• var 存在变量提升， let、const 不会造成变量提升；
• var 和 let 声明一个变量，const 声明一个常量，常量的值不能修改。

举例：

重复声明：

// 1. var 可以重复声明

块级作用域：

// 1. var 没有块级作用域

变量提升：

// 1. var 存在变量提升

const 声明一个常量，常量不能改变：

const

二、模板字符串

以前做字符串拼接时需要这样：

var

使用 ES6 中的模板字符串，只需要这样：

let

你甚至可以直接写一些 HTML 代码，而不用担心换行的问题：

let

三、箭头函数（函数的简写形式）

之前写函数是这样的：

function

用 ES6 中的箭头函数改写：

(

举例：计算两数的和

// 普通函数

另外，在箭头函数中：

• 如果只有一个参数，那么小括号可以省略；
• 如果函数体中只有一句代码，那么花括号可以省略。

举例：

let

四、扩展运算符（...）

可以将数组中的元素扩展开来，如：

var

在 ES5 中，要实现数组的深拷贝，只能通过变通方法，如：

let

在 ES6 中，扩展运算符为我们提供了简便写法：

let

同理，要合并数组，也能很方便做到：

// ES5 写法

五、rest 参数（...变量名，注意用到了“扩展运算符”）

以前我们获取函数中的参数，可以使用 arguments 对象，如：

function

但是 arguments 毕竟是一个 伪数组，它不能直接使用数组的方法。如果要使用数组的方法，可以使用 Array.prototype.slice.call 方法将其转为真正的数组。

而 rest 参数可以将函数多余的参数放到一个真正的数组中，可以直接使用数组的方法，如：

（上面我们说“...”有“扩展”功能，事实上它还有“收集”功能）

function

但是需要注意，rest 参数之后不能再有其他参数，如：

function

换句话说，rest 参数必须是最后一个参数。

六、函数的默认参数

之前我们要为函数的参数指定默认值的话，可以通过如下方式：

function

在 ES6 中，可以直接为函数参数指定默认值，如：

function

未完待续~~

总结

以上是生活随笔为你收集整理的es6 数组合并_对比 ES5，学习 ES6（一）的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。