ES6快速入門

2021-09-26 15:48:37 字數 1997 閱讀 7025

引數配置

promise物件

const:宣告的常量不可改變,宣告時必須初始化

const pi =

3.1415926

;console.

log(pi)

;

使用const定義的陣列和物件,其值是可變的,但是不能對其進行重新賦值

const a=

;a[0]

=1;console.

log(a[0]

);//輸出1

const a=[1

];//報錯

let:let所宣告的變數,只在let命令所在的**塊({}包裹的地方)內有效,let不能在相同的作用域重複申明

**

for

(var i=

0;i<

5;i++

)console.

log(i)

;for

(let j=

0;j<

5;j++

)console.

log(j)

;

輸出

5uncaught referenceerror: j is not defined

箭頭函式相當於乙個匿名函式,基本構造為

(

)=>

()相當於function(),如果傳入的引數為1個,則可以省略(),但是沒有括號的時候不能省略。

{}為函式體,若只含又乙個表示式,則可以省略return和{},若含有多條語句則都不能省略。

const

a=x=>x+1;

console.

log(a(

1))constb=

(a,b)

=>

console.

log(b(

1,2)

)

輸出26

注意:若但表示式返回的是乙個物件,則要新增(),否則和函式體語法衝突

v =>

// 錯誤

v =>()

// 正確

普通函式中的this誰呼叫他,誰就是this

箭頭函式本身沒有this,只能沿著作用域鏈往上找,直到找到乙個確定的this,如果找不到,那就是windows或undefined

var a=2;

var obj1=

}obj1.

show()

;//obj1條用的show,所以this指向obj1

var obj2=

obj2.

show()

;//箭頭函式本身沒有this,就沿著作用域往上找,找到最外層的作用域,window

在引數後面直接加=設定預設引數

const

cul=

(x=1

,y=1

,z=1

)=>x+y+z;

console.

log(

cul(2,

2,2)

);//輸出6

console.

log(

cul())

;//輸出3

…加變數名可作為乙個可變化長度的引數陣列傳入函式中

const

cul=

(...n)

=>

)return sum;};

console.

log(

cul(2,

2,2)

);//輸出6

可用…加變數名合併陣列

const b=[4

,5]const a=[1

,2,3

,...b]

console.

log(a)

promise物件

ES6快速入門

三種語法實現同乙個功能,從而加深對三種語法的運用,最後了解es6的優勢 知識點 常量 作用域 箭頭函式 預設 物件 es5 中常量的寫法 object.defineproperty window,pi2 console.log window.pi2 es6 的常量寫法 const pi 3.1415...

es6 快速入門 系列 解構

其他章節請看 es6 快速入門 系列 我們經常使用陣列或物件儲存資料,然後從中提取出相關資料資訊 以前開發者為了從物件或陣列中提取出特定資料並賦值給變數,編寫了很多重複的 就像這樣 function demo1 obj demo1 es6引入新特性 解構。來解決上面的問題,請看下面 function...

ES6快速入門 類與物件

1.4 繼承 1.5 重寫 1.6 super 2.物件 關鍵字 class class people 關鍵字 constructor 說明 建構函式在物件建立的時候就會自動呼叫 class people 1.3.1 屬性 注意點 第乙個this指向people例項,當然,此時的people還未建立...