箭頭函數

1.用法

//常規的定義 var func1 = function(a,b){...} //箭頭函數 var func1 = (a,b) => {...}//常規（函數體中只有一行return代碼） const func2 = function(a,b){return a + b} //箭頭 const func2 = (a,b) => a + b//常規（參數只有一個） const func3 = function(a){return a*a } //箭頭（當參數只有一個時，可以省略括號） const func3 = a => a*a

2.箭頭函數的this

箭頭函數不會創建自己的this,它只會從自己的作用域鏈的上一層繼承this。

下面的例子解析：

• setTime1-------this是window

• setTime1-1-------this是window

• setTime1-2使用箭頭函數，沒有this，所以繼承了setTime1中的this

• setTime2使用箭頭函數，沒有this，所以繼承了f1中的this，this值為obj對象

• setTime2-1-------this是window

• setTime2-2 使用箭頭函數，沒有this，所以繼承了setTime2中的this，所以是obj對象

const obj = {f1(){//this==obj//setTime1setTime(function(){//setTime1-1setTime(function(){ console.log(this); //window（自身的）})//setTime1-2setTime(()=>{console.log(this); //window（繼承于setTime1）})})//setTime2setTime(()=>{//setTime2-1setTime(function(){console.log(this); //window（自身的）})//setTime2-2setTime(()=>{console.log(this); //object（繼承于setTime2，而setTime2繼承于f1函數，所以等于object）})})} }

總結

以上是生活随笔為你收集整理的JavaScript中的箭头函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。