箭頭函數(shù)

1.用法

//常規(guī)的定義 var func1 = function(a,b){...} //箭頭函數(shù) var func1 = (a,b) => {...}//常規(guī)（函數(shù)體中只有一行return代碼） const func2 = function(a,b){return a + b} //箭頭 const func2 = (a,b) => a + b//常規(guī)（參數(shù)只有一個(gè)） const func3 = function(a){return a*a } //箭頭（當(dāng)參數(shù)只有一個(gè)時(shí)，可以省略括號(hào)） const func3 = a => a*a

2.箭頭函數(shù)的this

箭頭函數(shù)不會(huì)創(chuàng)建自己的this,它只會(huì)從自己的作用域鏈的上一層繼承this。

下面的例子解析：

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

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

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

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

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

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

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函數(shù)，所以等于object）})})} }

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。