es6新特性(es6的新特性有哪些及怎么使用)

es6新特性:const與let變量、模板字面量、解構、增強的對象字面量、for...of循環、展開運算符(...)、剩余參數(可變參數)、ES6箭頭函數、類的支持、字符串模板、iterator、generator、模塊、Symbols等。

1.let const

let 表示申明變量。const 表示申明常量。

常量定義了就不能改了。對象除外,因為對象指向的地址沒變。

const在申明是必須被賦值。

兩者都為塊級作用域。

塊級作用域與函數作用域。任何一對花括號({和})中的語句集都屬于一個塊,在這之中定義的所有變量在代碼塊外都是不可見的,我們稱之為塊級作用域。函數作用域就好理解了,定義在函數中的參數和變量在函數外部是不可見的。

consta=1a=0//報錯

2.模塊字符串``

可以使用反引號``來進行字符拼接。${}

3.解構

可以使用{}來對數組和對象進行解構。

4.函數的參數默認值

函數傳參可以有默認值

//ES6;functionprintText(text='default'){console.log(text);}

5. Spread / Rest 操作符...

Spread / Rest 操作符指的是 ...,具體是 Spread 還是 Rest 需要看上下文語境。

當被用于迭代器中時,它是一個 Spread 操作符:迭代器 (Iterator)是按照一定的順序對一個或多個容器中的元素行進遍歷的一種機制

functionfoo(x,y,z){console.log(x,y,z);}letarr=[1,2,3];foo(...arr);//123

當被用于函數傳參時,是一個 Rest 操作符:當被用于函數傳參時,是一個 Rest 操作符:

functionfoo(...args){console.log(args);}foo(1,2,3,4,5);//[1,2,3,4,5]

6.箭頭函數

不需要 function 關鍵字來創建函數

省略 return 關鍵字

this始終指向函數申明時所在作用域下的this值

//es5varfun=function(){}//es6varfn=()=>{}

7.for of

for of遍歷的是鍵值對中的值

for in遍歷的是鍵值對中的鍵

8.class類

ES6 中支持 class 語法,不過,ES6的class不是新的對象繼承模型,它只是原型鏈的語法表現形式。

classStudent{constructor(){console.log("I'mastudent.");}study(){console.log('study!');}staticread(){console.log("ReadingNow.");}}console.log(typeofStudent);//functionletstu=newStudent();//"I'mastudent."stu.study();//"study!"stu.read();//"ReadingNow."

9.導入導出

導入improt

導出export default

10.promise

Promise 用于更優雅地處理異步請求。

<script>newPromise((resolve,reject)=>{setTimeout(function(){resolve('成功了!')},1000)//reject("失敗了,wuwu")}).then(data=>{console.log(data)}).catch(err=>{console.log(err)})</script>

11.async/await

比promise更好的解決了回調。

asyncfunction(){awiatfn()}

12.Symbol

新的基本類型

13.Set集合

存儲任何類型的唯一值,即集合中所保存的數據元素是不重復的。類數組結構。

arr=[1,2,3,1]letarrNew=newSet(arr)arrNew=[1,2,3]

類數組不是數組,要轉化為數組Array.form(arrNew)這樣arrNew才是數組了。

到此,關于“es6的新特性有哪些及怎么使用”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注本站網站,小編會繼續努力為大家帶來更多實用的文章!