JavaScript中this指向的使用方法-創(chuàng)新互聯(lián)

沒有箭頭函數(shù)之前，我們說this就是函數(shù)運(yùn)行時(shí)所在的環(huán)境對(duì)象，但是在箭頭函數(shù)中this就是定義時(shí)所在的對(duì)象，先說大家熟知的：函數(shù)運(yùn)行時(shí)所在的環(huán)境對(duì)象。

站在用戶的角度思考問題，與客戶深入溝通，找到巴馬網(wǎng)站設(shè)計(jì)與巴馬網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站設(shè)計(jì)、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋巴馬地區(qū)。

1、作為函數(shù)調(diào)用，this指向全局對(duì)象

2、作為對(duì)象的方法調(diào)用，該對(duì)象即為調(diào)用上下文，this指向該對(duì)象。

3、作為構(gòu)造函數(shù)調(diào)用，構(gòu)造函數(shù)試圖初始化這個(gè)新創(chuàng)建的對(duì)象，并將這個(gè)對(duì)象作為其調(diào)用上下文，this 指向這個(gè)新創(chuàng)建的對(duì)象。

4、通過函數(shù)的call/apply方法間接調(diào)用, call/apply方法的第一個(gè)參數(shù)是調(diào)用上下文，在函數(shù)體內(nèi)，通過this獲得對(duì)它的引用。

箭頭函數(shù)中this對(duì)象就是定義時(shí)所在的作用域，也就是說箭頭函數(shù)本身沒有this，內(nèi)部的this就是外層代碼塊作用域中的this。

5、獨(dú)立函數(shù)

該箭頭函數(shù)在全局環(huán)境中定義，即this指向window

6、對(duì)象的方法

如上所示，foo在全局中定義,所以this指向window，那么如何使this指向obj?

根據(jù)上一篇介紹，當(dāng)函數(shù)作為對(duì)象的方法調(diào)用時(shí)this指向該對(duì)象，可以這樣改寫：

func在foo調(diào)用時(shí)定義，此時(shí)的foo所在作用域?yàn)閛bj，因此this指向obj

7、構(gòu)造函數(shù),因箭頭函數(shù)沒有this,固不能用作構(gòu)造函數(shù)，否則會(huì)報(bào)錯(cuò)

8、bind/call

如上：func定義在全局，因此打印0，同對(duì)象方法，我們可以通過如下改寫，打印出1

以上就是JS干貨分享—-this指向問題的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！

網(wǎng)站標(biāo)題：JavaScript中this指向的使用方法-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://bm7419.com/article24/gjece.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、網(wǎng)站建設(shè)、搜索引擎優(yōu)化、做網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)