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

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊(cè)、網(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)沒有綁定在對(duì)象上調(diào)用，它的 this 就是 window。

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

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

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

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

2.作為對(duì)象的方法中的this

sayHi方法是由obj對(duì)象點(diǎn)出來調(diào)用的,所以sayHi方法中的this指向obj對(duì)象.所以輸出的是obj對(duì)象中的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)鍵字會(huì)創(chuàng)建一個(gè)對(duì)象,并且會(huì)把構(gòu)造函數(shù)中的this指向這個(gè)對(duì)象,并且還會(huì)把這個(gè)對(duì)象自動(dòng)返回, 那么執(zhí)行完第3行代碼, cat1就是那個(gè)new關(guān)鍵字創(chuàng)建并返回的對(duì)象.在第1行第2行也已經(jīng)給這個(gè)對(duì)象添加了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í)候會(huì)把第二個(gè)參數(shù)（數(shù)組或偽數(shù)組）的元素依次的賦值給被調(diào)用函數(shù)的形參。

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

4.3.bind();

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

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

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

javascript中的函數(shù)（普通函數(shù)、構(gòu)造函數(shù)）本質(zhì)上是一個(gè)對(duì)象，是由Function()構(gòu)造函數(shù)實(shí)例化出來的對(duì)象，而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è)對(duì)象，而是指向一個(gè) 基本數(shù)據(jù)類型的值，那么函數(shù)中this的指向該類型的值？代碼如下：

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

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

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

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

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

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

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