當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

ES6箭头函数中的this指向

發(fā)布時(shí)間：2024/9/30 编程问答 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 ES6箭头函数中的this指向小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

1箭頭函數(shù)中的this

(1)箭頭函數(shù)中沒(méi)有this : 這意味著 call() apply() bind() 無(wú)法修改箭頭函數(shù)中的this
(2)箭頭函數(shù)中的this指向：訪問(wèn)上一個(gè)作用域的this
- 說(shuō)人話：函數(shù)在哪個(gè)作用域聲明，this就是誰(shuí) (本質(zhì)是通過(guò)作用域鏈訪問(wèn)上一個(gè)作用域中的this)
(3)箭頭函數(shù)與function函數(shù)this區(qū)別
- function函數(shù) ：誰(shuí)調(diào)用我,我就指向誰(shuí),與聲明無(wú)關(guān)
- 箭頭函數(shù) ：誰(shuí)聲明我，我就指向誰(shuí) ，與調(diào)用無(wú)關(guān)

<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title> </head><body><script>/*ES6箭頭函數(shù)中的this(1)箭頭函數(shù)中沒(méi)有this : 這意味著 call() apply() bind() 無(wú)法修改箭頭函數(shù)中的this(2)箭頭函數(shù)中的this指向：訪問(wèn)上一個(gè)作用域的this說(shuō)人話：函數(shù)在哪個(gè)作用域聲明，this就是誰(shuí) (本質(zhì)是通過(guò)作用域鏈訪問(wèn)上一個(gè)作用域中的this)*///1.全局函數(shù) ： windowlet fn = () => {console.log(this);//window};fn();//windowfn.call({ a: 11 });//window 箭頭函數(shù)中的this無(wú)法修改，因?yàn)榧^函數(shù)沒(méi)有this//2.對(duì)象方法： window (因?yàn)閷?duì)象無(wú)法開(kāi)辟作用域，obj所在作用域還是window)//0級(jí)鏈： this指向windowlet obj = {sayHi: () => {console.log('學(xué)習(xí)使我快樂(lè)');//1級(jí)鏈： sayHi是一個(gè)箭頭函數(shù)，所以this訪問(wèn)的是上一級(jí)作用域(0級(jí)鏈)中的thisconsole.log(this);//window}};obj.sayHi();//window//3.局部函數(shù)var person = {play: function () {console.log('play中的this');//1級(jí)鏈： play是一個(gè)function函數(shù)，this指向調(diào)用這個(gè)方法的對(duì)象(person)console.log(this);//person//在局部作用域聲明一個(gè)箭頭函數(shù)let fn2 = () => {console.log('fn2在一級(jí)鏈中被聲明，我的this就是一級(jí)鏈中的this');//2級(jí)鏈： fn2是一個(gè)箭頭函數(shù)，所以this訪問(wèn)的是上一級(jí)作用域(1級(jí)鏈)中的thisconsole.log(this);//person};fn2();}};person.play();</script> </body></html>

總結(jié)

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

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

上一篇： JS双向数据绑定的原理介绍
下一篇： axios教程01-基本使用流程