ECMAScript6中的箭頭函式

2021-07-22 15:34:15 字數 859 閱讀 6191

在2023年新出的ecmascript6中,其中的函式部分,有了乙個這樣的東西:箭頭函式

()=>{}
,大概對它解釋一下,其中,左邊的括號是函式的形式引數,右邊的花括號是函式體。

接下來,我們聊一聊如何使用這個箭頭函式:

1.一般情況

var func1 = () => 

var func2=function()

其中,func1和func2是完全等價的形式。

2.在物件中

var obj = 

}

有參形式:

var obj = 

}

其中,箭頭函式還有更簡潔的形式,是在當輸入引數只有乙個,並且函式的返回值可以寫成與輸入引數相關的數學形式的時候,

我們可以寫成這樣:

var mysqrt = x => math.sqrt(x);
需要注意幾點的是,在箭頭函式中,無論在哪兒使用,this是固定的,函式體內的this當返回的資料是json資料格式的時候,形式如下:

var  json=(x,y)=>();
可以看出,在有些時候,使用箭頭函式可以極大的簡化我們的**,但是由於ecmascript6是最新標準,老的瀏覽器並不相容,所以,在使用的時候,還需要考慮相容性。

其實,這並不是什麼新技術了,如果了解c#的朋友應該知道,這是c#中著名的語法糖lambda表示式,早在c#3.0中就已經存在的東西了,只不過c#是強型別語言,在使用的時候,還要考慮型別。

EcmaScript 6 箭頭函式

es5 var total values.reduce function a,b 0 es6 var total values.reduce a,b a b,0 箭頭即乙個函式的簡化 es5 confetti btn click function event es6 confetti btn cli...

ECMAScript6中箭頭函式

es6 允許使用 箭頭 定義函式,箭頭函式雖然可以使 更加簡潔明瞭,但是箭頭函式不能亂使用,因為其中的this指向是與普通函式不同的。function dog 普通函式 letdog 箭頭函式箭頭左邊 中的內容是箭頭函式的引數 當沒有引數的時候,不可以省略 當只有乙個引數的時候,可以省略 如果有多個...

ECMAScript6掃盲筆記 一

ecma組織推出的ecmascript是乙個標準 協議 js是協議的實現。ecmascript簡稱ecma或es。目前使用最多的是es5.1,es6正式推出是在2015年。就醬 es6 es2015 相容性 es6 es2015 支援 ie10 chrome firefox 移動端 nodejs。和...