高階函式（箭頭函式）

2021-10-05 18:47:45 字數 974 閱讀 9461

箭頭函式顧名思義它有乙個箭頭 =>,它是es6新增一種函式。(arrow function)

//箭頭函式與匿名函式相像


//箭頭函式


let fun=


(x)=


>


//匿名函式


let fun=function(x)
箭頭數由兩種格式

//例子：


let fun = x =


> x += 1;


console.log(fun(2))


;//3
這種只用於單條語句

//例子：


let fun =


(x)=


>


else


return x;


}    console.log(fun(-2))


;//4
還有箭頭函式可以有效的改變this指向的問題

例子：

//建立乙個obj的物件


let obj =


return fun();


}}console.log(obj.getage(


));// 1999 nan
在上面的例子中可知，fun函式內的this指向的是window 或 undefined

要想改變其指向可有幾種方案

let fun =()


=> new date(


).getfullyear(


) - this.birthday;
箭頭函式中的this永遠指向當前作用域，也就是obj

var obj =


, year);}


};console.log(obj.getage(2015))


; //1990 25

箭頭函式寫法 箭頭函式

1 箭頭函式介紹 es6 let fn v v console.log fn 好酷的箭頭函式！好酷的箭頭函式！es5 let fn function v 和return省略掉 v v v 相當於 function v 和return v 和return時，如果返回的內容是乙個物件，物件需要用括號 括...

箭頭箭頭函式

var fn function a 一樣 jineng function 箭頭函式外面指向誰就指向誰 有function.console.log fn3 1 像函式表示式 this指向不變.不能作為建構函式 不能使用new 返回物件的話.外部用括號 var fn7 name asdfnasd age...

箭頭函式 普通函式

箭頭函式的語法比普通函式更簡潔，是乙個匿名函式，不能作為建構函式，且不能使用new 普通函式 letfun 普通函式 function fun 箭頭函式有兩種格式 一種是和return 另一種是把二者省略掉 1 1.不能使用newlet fun let fn newfun 1.function on...