一、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（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。