ES6中的一些常用知識點

2021-09-28 08:05:48 字數 3159 閱讀 9620

例如

const books=

我們不能直接對books重新賦值,卻可以通過

books.id =

2

這種方法修改內部的值。

es5:books:function()

es6: books()

const banana=yellow

在es6中,可以用``定義字串,tap鍵上面那個點

es5中是用』』 「」 單引號雙引號定義,但壞處是換行麻煩

而在es6中用``定義 可以直接換行

定義函式的方式

1.通過 function(){} 定義

2.通過物件字面量中定義

const aaa =

;bbb()

}

3.通過箭頭函式定義

const aaa=(

)=>

3.1 當有兩個引數的時候

const aaa

=(num1,num2)

=>

3.2 當只有乙個引數的時候,小括號可以被省略

const aaa

= num =>

當有多行**時:

const add=(

)=>

而當只要一行**時,可以把括號省掉

const bbb=(

)=> console.

log(『1234124』)

或者

const aaa

=(num1,num2)

=> num1+num2

4.箭頭函式的this指向問題

箭頭函式自身沒有this,它會去一層一層去尋找外層作用域的this,直到找到this

//什麼時候用promise? 一般情況下是有非同步操作時,使用promise對這個非同步操作進行封裝

// 1.promise是乙個類,所以使用時要用new

// 2.promise裡需要傳入乙個引數,這個引數是乙個函式

// 3.作為引數的這個函式中,也有兩個引數,這兩個引數也是函式,分別是resolve,reject,分別代表成功時和失敗時呼叫

// 4.接著在裡面寫非同步請求**,這裡用settimeout代替

// 這就是鏈式程式設計

newpromise

((resolve,reject)

=>

,1000)}

).then

((data)

=>).

catch

((err)

=>

)<

/script>

//第一種寫法 直接在then中new乙個新的promise,進行新一層**

// new promise((resolve,reject)=>, 1000);

// }).then((res)=>)

// }).then((res)=>)

// }).then((res)=>)

//第二種寫法 將new省略,直接寫promise.resolve()方法進行資料操作

// new promise((resolve,reject)=>, 1000);

// }).then((res)=>).then((res)=>).then((res)=>)

//第三種寫法 連promise.resolve()都不要了,直接return進行的操作

newpromise

((resolve,reject)

=>

,1000);

}).then

((res)

=>).

then

((res)

=>).

then

((res)

=>

)<

/script>

//當我們需要兩個請求都成功時才能執行某些流程時,我們可以使用promise.all()方法,all()裡需要傳入乙個陣列的引數,

//陣列中便是我們的多個非同步請求,只有當這些非同步請求都成功時,才會呼叫.then方法執行資料的操作

promise.

all(

[//注意:這裡的引數是個陣列

newpromise

((resolve,reject)

=>)}

,2000);

}),new

promise

((resolve,reject)

=>)}

,1000);

})])

.then

(results=>

)<

/script>

var obj=

如果想把物件中的屬性取出來

常規寫法:

const name = obj.name

const age = obj.age

const height = obj. height

es6物件的解構賦值

const 

= obj

解析物件的構造,進行賦值,這樣只需要一行**,裡面的順序是隨意的

在es6中,可以使用class建立乙個類

class

person

如果要在裡面新增乙個物件,需要使用constructor(){}構造器構造乙個物件

class

person

}

接著就可以通過new乙個例項來使用這個類了

const p =

newperson

("xiaoming",14

)console.

log(p.name,p.age)

;

es6常用知識點總結

1.定義變數的方式 let 1 沒有變數提公升 var具有變數提公升 即在當前作用域的最上面定義這個變數 但不賦值 例 console.log x var x 20 顯示undefined console.log m let m 100 報錯 2 let不可以重複宣告 例 var x 10 var ...

es6 中一些常見的新知識點

1,箭頭函式,基本語法 箭頭函式的this是固定的,會繫結定義時所在的作用域,而不是指向執行時所在的作用域,箭頭函式中的this繼承外層函式呼叫的this。箭頭函式有幾個使用注意點。1 函式體內的this物件,就是定義時所在的物件,而不是使用時所在的物件。2 不可以當作建構函式,也就是說,不可以使用...

ES6知識點總結(一)

es6知識點總結 一 是對賦值運算子的擴充套件,一種針對陣列或者物件進行模式匹配,然後對其中的變數進行賦值 變數的解構賦值實用性很強,使用場景很多 1.交換賦值 2.函式引數的定義 3.函式引數的預設值 4.從函式返回多個值 5.提取json資料 6.遍歷map結構 陣列解構 物件解構 字串解構 數...