當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

ES6箭头函数中的this指向

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

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

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

(1)箭頭函數(shù)中沒有this : 這意味著 call() apply() bind() 無法修改箭頭函數(shù)中的this
(2)箭頭函數(shù)中的this指向：訪問上一個作用域的this
- 說人話：函數(shù)在哪個作用域聲明，this就是誰 (本質(zhì)是通過作用域鏈訪問上一個作用域中的this)
(3)箭頭函數(shù)與function函數(shù)this區(qū)別
- function函數(shù) ：誰調(diào)用我,我就指向誰,與聲明無關(guān)
- 箭頭函數(shù) ：誰聲明我，我就指向誰，與調(diào)用無關(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ù)中沒有this : 這意味著 call() apply() bind() 無法修改箭頭函數(shù)中的this(2)箭頭函數(shù)中的this指向：訪問上一個作用域的this說人話：函數(shù)在哪個作用域聲明，this就是誰 (本質(zhì)是通過作用域鏈訪問上一個作用域中的this)*///1.全局函數(shù) ： windowlet fn = () => {console.log(this);//window};fn();//windowfn.call({ a: 11 });//window 箭頭函數(shù)中的this無法修改，因為箭頭函數(shù)沒有this//2.對象方法： window (因為對象無法開辟作用域，obj所在作用域還是window)//0級鏈： this指向windowlet obj = {sayHi: () => {console.log('學習使我快樂');//1級鏈： sayHi是一個箭頭函數(shù)，所以this訪問的是上一級作用域(0級鏈)中的thisconsole.log(this);//window}};obj.sayHi();//window//3.局部函數(shù)var person = {play: function () {console.log('play中的this');//1級鏈： play是一個function函數(shù)，this指向調(diào)用這個方法的對象(person)console.log(this);//person//在局部作用域聲明一個箭頭函數(shù)let fn2 = () => {console.log('fn2在一級鏈中被聲明，我的this就是一級鏈中的this');//2級鏈： fn2是一個箭頭函數(shù)，所以this訪問的是上一級作用域(1級鏈)中的thisconsole.log(this);//person};fn2();}};person.play();</script> </body></html>

總結(jié)

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

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

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

日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

编程问答

ES6箭头函数中的this指向

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

總結(jié)