箭頭函式 對所有函式定義的簡寫

2021-10-06 02:50:57 字數 2043 閱讀 4180

function

函式名(形參列表)

var

函式名=

function

(形參列表)

1. 去function,在

()和之間加=>

(形參列表)

=>

2.如果形參列表中只有乙個形參,可省略()

形參1=>

3. 如果函式體只有一句話,可省略

形參1=> 一句話

如果僅剩的一句話,還是return,必須去return

//例1:

var arr =[12

,3,123,23

,1,2

];arr.

sort

(function

(a, b)

)//簡寫

arr.

sort

((a, b)

=> a - b)

;console.

log(arr)

;//1,2,3,12,23,123

//例2:

var n =1;

setinterval

(function()

,1000);

//簡寫

setinterval((

)=> console.

log(n++),

1000);

//例3:

var str =

"you can you up"

;str.

replace

(/\b[a-z]/g

,function

(kw)

)// 簡寫

str.

replace

(/\b[a-z]/g

, kw => kw.

touppercase()

);console.

log(str)

;//you can you up

//例4:

var names =

["亮亮"

,"然然"

,"東東"];

names.

foreach

(function

(elem)

)//簡寫

names.

foreach

(elem => console.

log(elem +

" - 到"))

;//例5:

var nums =[1

,2,3

,4,5

];var evens = nums.

map(

function

(elem)

)//簡寫

var evens = nums.

map(elem => elem *2)

;console.

log(nums)

;//1,2,3,4,5

console.

log(evens)

;//2,4,6,8,10

例6:(

function()

)()//簡寫((

)=>)(

)

var lilei =

認識 $`)

;}.bind

(this))

;//加上bind才能將函式內部錯誤的this換成外部正確的this}}

lilei.

intr()

;//如果覺得bind不直觀,可改為箭頭函式

//簡寫

var lilei =

認識 $`)

);}}

lilei.

intr()

;

如果希望內外this一致時,就可改為箭頭函式,代替bind

如果不希望內外this相同時,就不可改為箭頭函式。比如:物件中的方法不能改箭頭;事件處理函式不能改箭頭。

ES6新特性 函式的簡寫(箭頭函式)

var fn function 例如 var add function a,b 或者 function fn 例如 function add a,b 將原函式的 function 關鍵字和函式名都刪掉,並使用 連線引數列表和函式體。function add a,b 簡寫為 a,b var add f...

筆記 ES6新特性 函式的簡寫(箭頭函式)

var fn function 例如 var add function a,b 或者 function fn 例如 function add a,b 將原函式的 function 關鍵字和函式名都刪掉,並使用 連線引數列表和函式體。function add a,b 簡寫為 a,b var add f...

函式定義(對函式定義的使用)函式呼叫

對於函式呼叫,首先我們一定先要理解函式定義 函式定義 1.返回值型別 乙個函式可以返回乙個值,在函式定義中 2.函式名 給函式起個名稱 3.函式體語句 花括號內的 函式內需要執行的語句 4.return 表示式 和返回值型別掛鉤,返回相應的資料 語法 返回值型別 函式名 引數列表 例如我們來寫乙個加...