es6 数组合并_对比 ES5,学习 ES6(一)
一、let、const
之前聲明變量都是用的 var,可是 var 有很多問題,比如可以重復(fù)聲明、沒有塊級作用域等。
ES6 引入了 let 和 const,它們的區(qū)別在于:
- var 可以重復(fù)聲明,let、const 不能重復(fù)聲明;
- var 沒有塊級作用域,let、const 有塊級作用域;
- var 存在變量提升, let、const 不會造成變量提升;
- var 和 let 聲明一個(gè)變量,const 聲明一個(gè)常量,常量的值不能修改。
舉例:
重復(fù)聲明:
// 1. var 可以重復(fù)聲明塊級作用域:
// 1. var 沒有塊級作用域變量提升:
// 1. var 存在變量提升const 聲明一個(gè)常量,常量不能改變:
const二、模板字符串
以前做字符串拼接時(shí)需要這樣:
var使用 ES6 中的模板字符串,只需要這樣:
let你甚至可以直接寫一些 HTML 代碼,而不用擔(dān)心換行的問題:
let三、箭頭函數(shù)(函數(shù)的簡寫形式)
之前寫函數(shù)是這樣的:
function用 ES6 中的箭頭函數(shù)改寫:
(舉例:計(jì)算兩數(shù)的和
// 普通函數(shù)另外,在箭頭函數(shù)中:
- 如果只有一個(gè)參數(shù),那么小括號可以省略;
- 如果函數(shù)體中只有一句代碼,那么花括號可以省略。
舉例:
let四、擴(kuò)展運(yùn)算符(...)
可以將數(shù)組中的元素?cái)U(kuò)展開來,如:
var在 ES5 中,要實(shí)現(xiàn)數(shù)組的深拷貝,只能通過變通方法,如:
let在 ES6 中,擴(kuò)展運(yùn)算符為我們提供了簡便寫法:
let同理,要合并數(shù)組,也能很方便做到:
// ES5 寫法五、rest 參數(shù)(...變量名,注意用到了“擴(kuò)展運(yùn)算符”)
以前我們獲取函數(shù)中的參數(shù),可以使用 arguments 對象,如:
function但是 arguments 畢竟是一個(gè) 偽數(shù)組,它不能直接使用數(shù)組的方法。如果要使用數(shù)組的方法,可以使用 Array.prototype.slice.call 方法將其轉(zhuǎn)為真正的數(shù)組。
而 rest 參數(shù)可以將函數(shù)多余的參數(shù)放到一個(gè)真正的數(shù)組中,可以直接使用數(shù)組的方法,如:
(上面我們說“...”有“擴(kuò)展”功能,事實(shí)上它還有“收集”功能)
function但是需要注意,rest 參數(shù)之后不能再有其他參數(shù),如:
function換句話說,rest 參數(shù)必須是最后一個(gè)參數(shù)。
六、函數(shù)的默認(rèn)參數(shù)
之前我們要為函數(shù)的參數(shù)指定默認(rèn)值的話,可以通過如下方式:
function在 ES6 中,可以直接為函數(shù)參數(shù)指定默認(rèn)值,如:
function未完待續(xù)~~
總結(jié)
以上是生活随笔為你收集整理的es6 数组合并_对比 ES5,学习 ES6(一)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: git reset --hard_Git
- 下一篇: Weblogic 所有BEA错误代码详细