小編給大家分享一下JavaScript中的this有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、綏化網(wǎng)站維護(hù)、網(wǎng)站推廣。

只需要記住幾個(gè)口訣就能正確找到this的指向:

1.不管函數(shù)或者方法是如何聲明的,要看這個(gè)函數(shù)或者方法最終是誰調(diào)用的,誰最終調(diào)用這個(gè)函數(shù)或方法,那么這個(gè)函數(shù)或方法中的this就是誰,(誰點(diǎn)出來的this就是誰).

2.看執(zhí)行時(shí)而非定義時(shí)，只要函數(shù)(function)沒有綁定在對象上調(diào)用，它的 this 就是 window。

3.ES6,箭頭函數(shù)中的this 會綁定上下文中的this,創(chuàng)建箭頭函數(shù)時(shí)this是誰 以后一直都是那個(gè)誰

1.普通函數(shù)中的this

一個(gè)全局函數(shù)相當(dāng)于給window對象添加了一個(gè)方法,所以第5行調(diào)用welcome函數(shù)和第6行調(diào)用welcome函數(shù)本質(zhì)是一樣的,所以welcome函數(shù)最終是window對象在調(diào)用,所以welcome函數(shù)內(nèi)部的this就指向了window對象.

運(yùn)行結(jié)果為window  ,window.

2.作為對象的方法中的this

sayHi方法是由obj對象點(diǎn)出來調(diào)用的,所以sayHi方法中的this指向obj對象.所以輸出的是obj對象中的name的值.

結(jié)果如下

3.構(gòu)造函數(shù)中的this

(1)直接調(diào)用構(gòu)造函數(shù)

第3行,調(diào)用cat1函數(shù)的時(shí)候沒有用new關(guān)鍵字,那么這就意味著cat函數(shù)是window點(diǎn)出來調(diào)用的,所以Student函數(shù)中的this就是window,那么第1行第2行就是在給window添加name和age屬性,值分別是露露和12.  然后函數(shù)內(nèi)部沒有寫return關(guān)鍵字那默認(rèn)返回值是undefined.所以cat1接受到的是undefined.

整個(gè)輸出結(jié)果如下

(2)使用new調(diào)用構(gòu)造函數(shù)

new關(guān)鍵字會創(chuàng)建一個(gè)對象,并且會把構(gòu)造函數(shù)中的this指向這個(gè)對象,并且還會把這個(gè)對象自動返回, 那么執(zhí)行完第3行代碼, cat1就是那個(gè)new關(guān)鍵字創(chuàng)建并返回的對象.在第1行第2行也已經(jīng)給這個(gè)對象添加了name和age屬性.

所以上面的代碼執(zhí)行結(jié)果如下：

4.  修改函數(shù)中this的默認(rèn)指向:call、 apply、 bind

4.1.call();

語法：函數(shù)名.call(期望函數(shù)內(nèi)部this指向誰, 參數(shù)1,參數(shù)2....);

4.2.apply();

語法：函數(shù)名.apply(this的新指向 , 數(shù)組或者偽數(shù)組);

輸出結(jié)果為：

apply()和call()輸出結(jié)果是一樣的，區(qū)別在于apply()只有2個(gè)參數(shù)，第一個(gè)參數(shù)是this的新指向，第二個(gè)參數(shù)是數(shù)組或者偽數(shù)組，調(diào)用的時(shí)候會把第二個(gè)參數(shù)（數(shù)組或偽數(shù)組）的元素依次的賦值給被調(diào)用函數(shù)的形參。

適用條件，參數(shù)是明確知道數(shù)量時(shí)用 call 。而不確定的時(shí)候用 apply，然后把參數(shù) push 進(jìn)數(shù)組傳遞進(jìn)去。

4.3.bind();

bind()方法會創(chuàng)建一個(gè)新函數(shù),當(dāng)這個(gè)click事件綁定在被調(diào)用的時(shí)候，它的 this 關(guān)鍵詞會被設(shè)置成被傳入的值（這里指調(diào)用bind()時(shí)傳入的參數(shù)）.

語法：函數(shù)名.bind( this的新指向 ，可以寫參數(shù)也可以不寫參數(shù) );

用bind()的方式調(diào)用getSum()函數(shù)，但是此時(shí)并不會執(zhí)行g(shù)etSum()函數(shù)，而是會返回一個(gè)和getSum()函數(shù)的函數(shù)體一模一樣但是this已經(jīng)修改成obj對象的函數(shù)了，這個(gè)函數(shù)被新聲明的變量接收。 一般在this修改后才轉(zhuǎn)入實(shí)參。

javascript中的函數(shù)（普通函數(shù)、構(gòu)造函數(shù)）本質(zhì)上是一個(gè)對象，是由Function()構(gòu)造函數(shù)實(shí)例化出來的對象，而call、apply、bind這三個(gè)方法都是定義在Function.prototype原型中的，那么意味著javascript中的所有函數(shù)都可以點(diǎn)出這三個(gè)方法來

5.上下文調(diào)用模式注意細(xì)節(jié)：

5.1如果使用函數(shù)上下文模式調(diào)用函數(shù)，第一個(gè)參數(shù)不是指向一個(gè)對象，而是指向一個(gè) 基本數(shù)據(jù)類型的值，那么函數(shù)中this的指向該類型的值？代碼如下：

5.2哪個(gè)函數(shù)使用上下文模式調(diào)用，修改的this就是哪個(gè)函數(shù)的

6.函數(shù)上下文調(diào)用模式的使用場景

6.1元素都是整數(shù)的數(shù)組求最大值

6.2偽數(shù)組轉(zhuǎn)換成真數(shù)組

6.3借用構(gòu)造函數(shù)繼承

6.4 檢測數(shù)據(jù)類型

以上是“JavaScript中的this有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前標(biāo)題：JavaScript中的this有什么用
鏈接地址：http://aaarwkj.com/article0/ihheio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、服務(wù)器托管、網(wǎng)站排名、網(wǎng)站改版、營銷型網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站

廣告

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