this、apply、call和bind

BlackHole1 發(fā)布于2019-08-22 11:07 / 1097人閱讀

摘要：總是指向一個對象，而具體指向哪個對象是在運行時基于函數(shù)的執(zhí)行環(huán)境動態(tài)綁定的，而非函數(shù)被聲明時的環(huán)境。參數(shù)傳入?yún)?shù)的一個數(shù)組，參數(shù)個數(shù)是確定的。接收不確定參數(shù)第一個參數(shù)一個對象，用于指定的指向，默認不設(shè)置或者設(shè)置為的情況下指向的是。

this總是指向一個對象，而具體指向哪個對象是在運行時基于函數(shù)的執(zhí)行環(huán)境動態(tài)綁定的，而非函數(shù)被聲明時的環(huán)境。
this的指向大致可以分為以下四種：
◎ 作為對象的方法調(diào)用
◎ 作為普通函數(shù)調(diào)用
◎ 構(gòu)造器調(diào)用
◎ Function.prototype.call或Function.prototype.apply調(diào)用

丟失的this：

var obj={
myName:"sven",
getName:function(){
    return this.myName;
}
}
console.log(obj.getName());//輸出："sven"

var getName2 = obj.getName;
console.log(getName2());//輸出："undefined"

分析：

驗證：

//設(shè)置全局變量
var  myName = "Windows.name";
var obj={
myName:"sven",
getName:function(){
    return this.myName;
}
}
console.log(obj.getName());//輸出："sven"

var getName2 = obj.getName;
console.log(getName2());//輸出："Windows.name"

apply和call方法的用法：

apply(obj,[argument1,argument2,….]) 接收兩個參數(shù)：【參數(shù)1】一個對象，用于指定this的指向，默認不設(shè)置或者設(shè)置為null的情況下指向的是window?！緟?shù)2】傳入?yún)?shù)的一個數(shù)組，參數(shù)個數(shù)是確定的。
call(obj,argument1,argument2,….) 接收不確定參數(shù)：【第一個參數(shù)】一個對象，用于指定this的指向，默認不設(shè)置或者設(shè)置為null的情況下指向的是window?！竞竺娴膮?shù)】傳入的參數(shù)，參數(shù)個數(shù)是不確定的。
代碼驗證：

bind()的用法：

接著上面的代碼：

局部變量不被銷毀的原因：

利用閉包實現(xiàn)局部變量不被銷毀：

GPU云服務(wù)器云服務(wù)器 JS中bind、call和apply的作 js中的call和apply apply與call的區(qū)別 apply()

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/91813.html

相關(guān)文章

JS基礎(chǔ)篇--call、apply、bind方法詳解

摘要：首先我們可以通過給目標函數(shù)指定作用域來簡單實現(xiàn)方法保存，即調(diào)用方法的目標函數(shù)考慮到函數(shù)柯里化的情況，我們可以構(gòu)建一個更加健壯的這次的方法可以綁定對象，也支持在綁定的時候傳參。原因是，在中，多次是無效的。而則會立即執(zhí)行函數(shù)。 bind 是返回對應(yīng)函數(shù)，便于稍后調(diào)用；apply 、call 則是立即調(diào)用。 apply、call 在 javascript 中，call 和 apply 都是...

lastSeries 2019-08-21 12:10 評論0 收藏0
JS中的call、apply、bind方法詳解

摘要：不能應(yīng)用下的等方法。首先我們可以通過給目標函數(shù)指定作用域來簡單實現(xiàn)方法保存，即調(diào)用方法的目標函數(shù)考慮到函數(shù)柯里化的情況，我們可以構(gòu)建一個更加健壯的這次的方法可以綁定對象，也支持在綁定的時候傳參。原因是，在中，多次是無效的。 bind 是返回對應(yīng)函數(shù)，便于稍后調(diào)用；apply 、call 則是立即調(diào)用。 apply、call 在 javascript 中，call 和 apply 都是...

zombieda 2019-08-23 15:27 評論0 收藏0
this總結(jié)【2】—— call/apply和bind

摘要：和概覽我們要將歸為一類，單獨歸為一類三者的共同點是都可以指定和都是綁定在的原型上的，所以的實例都可以調(diào)用這三個方法至于為什么，看完這篇文章你就懂了如果你不懂什么是實例的話，請移步深入淺出面向?qū)ο蠛驮透拍钇钊霚\出面向?qū)ο蠛驮透拍钇谝粋€ 1.call/apply和bind概覽我們要將call/apply歸為一類，bind單獨歸為一類三者的共同點是都可以指定this call/...

wudengzan 2019-08-26 11:48 評論0 收藏0
前端基礎(chǔ):call,apply,bind的的理解

摘要：和區(qū)別其實他們的作用是一樣的，只是傳遞的參數(shù)不一樣而已。接受個參數(shù)，第一個參數(shù)指定了函數(shù)體內(nèi)對象的指向，第二個參數(shù)為數(shù)組或者一個類數(shù)組。看個栗子一個有意思的事在中，多次是無效的。而則會立即執(zhí)行函數(shù)。背景前兩天在做小程序的需求的時候用到bind的時候才想起自己對這三的東西的了解比較淺薄，這個時候用的時候就有點怕。時候還是要好好學(xué)習(xí)下，理解下怎么玩。正文先說call 和 apply...

netmou 2019-08-20 17:01 評論0 收藏0
javascript關(guān)于this 以及this的顯示設(shè)置(apply、call、bind)

摘要：如果連續(xù)呢結(jié)果會是什么結(jié)果還是第一個原因是，在中，多次是無效的。更深層次的原因，的實現(xiàn)，相當于使用函數(shù)在內(nèi)部包了一個，第二次相當于再包住第一次故第二次以后的是無法生效的。 this 1.其實js中的this沒那么難理解，當找不到this時記住一句話：誰調(diào)我，我就指誰！new 誰指誰 function text1(){ console.log(this); //指wind...

LiveVideoStack 2019-08-21 11:20 評論0 收藏0
理解 JavaScript call()/apply()/bind()

摘要：理解文章中已經(jīng)比較全面的分析了在中的指向問題，用一句話來總結(jié)就是的指向一定是在執(zhí)行時決定的，指向被調(diào)用函數(shù)的對象。與和直接執(zhí)行原函數(shù)不同的是，返回的是一個新函數(shù)。這個新函數(shù)包裹了原函數(shù)，并且綁定了的指向為傳入的。理解 JavaScript this 文章中已經(jīng)比較全面的分析了 this 在 JavaScript 中的指向問題，用一句話來總結(jié)就是：this 的指向一定是在執(zhí)行時決定的，...

duan199226 2019-08-23 14:27 評論0 收藏0