js中的call()、apply()、bind()

阿新 • • 發佈：2018-12-06

js中的一個核心概念就是對this的理解，關於this前面也有說過，不過在有些情況下，還是需要手動去改變this的指向，這裡總結一下，js中關於this操作的三種方法

call()
apply()
bind()

這三個方法都是Function中的內建函式，一個函式呼叫call、apply、bind回去原型鏈中線上尋找這三個方法，這三個方法都用於改變this的指向問題，雖然他們作用相同，作為三種不同的方法，他們之間依然有一些差別

function.call(obj,val1,val2); // obj物件將代替function中的this，並且往function中傳入val1和val2，並且call的同時，function函式執行

function.apply(obj,[val1,val2]); // obj物件將代替function中的this，並且往function中傳入val1和val2，傳入的引數為陣列形式，並且apply的同時，function函式執行
function.bind(obj,val1,val2); // obj物件將代替function中的this，並且往function中傳入val1和val2，bind的同時，function函式不執行

1、基本應用

看以下程式碼

預設狀態下this指向window物件，當傳入的值為空、null或者undefined的時候，this也是指向window物件，其餘傳入的基本型別值，this均指向傳入值本身

2、在物件繼承及傳參時的應用

同樣直接看程式碼

從上面的程式碼中可以看出，call、apply、bind三者之間的差別

call和apply用法基本相同，只是傳參的方式不同而已，call是一個一個的傳值，apply則傳入一個數組

bind方法的傳參方式同call類似，但是bind修改了this指向之後並不會馬上起作用，需要呼叫以下才可以

js中call， apply， bind的自我心得

apply 和 call 的區別 apply和call: apply和call作用相同，只是在傳參上面有點小差別，兩個方法一個是將呼叫函式中的引數放在一個數組中傳過去，一個是一個一個傳過去。這裡用apply方法做講解，apply方法傳入兩個引數：一個是作為函式上下文的物件

JavaScript中 call 與 apply、bind 的使用

今天遇到一道關於call與apply使用的題目，在此總結一下關於 call 與 apply 的使用方法。題目如下：以下程式執行結果為3的選項是？ var a = {X:1,Y:2}; var b = { X:2, Y:2, add:function(){

JS裡面call( )和apply( )以及bind( )方法

call( ) 和 apply( )兩個方法總體來說區別不大，都是轉換作用域this的指代，它們的作用是：讓函式在某個指定的物件下執行。就是傳參方式有點區別。 javaScript權威指南上的解釋是： call() 、apply()可以看作是某個物件的方法，通過呼叫方法的形式來間接呼叫函

js中call()和apply()的區別

JS中每個函式都包含兩個非繼承而來的方法：apply()和call()。這兩個方法都用於在特定的作用域中呼叫函式，即將一個函式繫結到另一個函式中，比如有兩個函式A和B，要在B函式中呼叫A函式，就需要用到這兩個方法，說白了就是設定函式體內this物件的值。 call

js中call與apply用法

sta 例子 8.4 測試人工 person tail 其中 mar 分享一下我老師大神的人工智能教程吧。零基礎！通俗易懂！風趣幽默！還帶黃段子！希望你也加入到我們人工智能的隊伍中來！https://blog.csdn.net/jiangjunshow 前天去面試，有個

JS中的call、apply、bind方法詳解

面試 glob ble ole 內部修改 sta illegal 解決 bind 是返回對應函數，便於稍後調用；apply 、call 則是立即調用。 apply、call 在 javascript 中，call 和 apply 都是為了改變某個函數運行時的上下文（

理解JS中的call、apply、bind方法

無效 order () 使用其它 pan 能夠 ner pad 理解JS中的call、apply、bind方法(*****************************************************************) 在Ja

js中的call()、apply()、bind()

js中的一個核心概念就是對this的理解，關於this前面也有說過，不過在有些情況下，還是需要手動去改變this的指向，這裡總結一下，js中關於this操作的三種方法 call() apply() bind() 這三個方法都是Function中的內建函式，一個函式呼叫call、apply

JS中call、apply、bind大概區別

為什麼需要這些？主要是因為this，來看看this乾的好事。 box.onclick = function(){ 　　function fn(){ 　　　　alert(this); 　　} 　　fn(); }; 我們原本以為這裡面的this指向的是box,然

js中call、apply、bind的用法及區別

call、apply和bind：三者作用一致（都是改變函式的this指向），只是使用的方法不同而已。apply 、 call 、bind 三者都是用來改變函式的this物件的指向的；apply 、 call 、bind 三者第一個引數都是this要指向的物件，也就是想指定的上

js中的call()方法、apply()和bind()方法的區別以及使用場景

在js中，所有的函式再被呼叫的時候都會預設傳入兩個引數，一個是this，還有一個是arguments。在預設情況下this都是指當前的呼叫函式的物件。但是有時候我們需要改變this的指向，也就是說使函式可以被其他物件來呼叫，那麼我們應該怎樣做呢？這時候我們就可以使用call,apply和bi

js的面試筆試--javascript中call()、apply()、bind()方法的區別

在JavaScript 中，this的指向是動態變化的，很可能在寫程式的過程中，無意中破壞掉this的指向，所以我們需要一種可以把this的含義固定的技術，於是就有了call，apply 和bind這三個方法，來改變函式體內部 this 的指向，因為函式存在「定義時上下文」和

js中call、apply和bind

call和apply obj.call(thisObj, arg1, arg2, ...); obj.apply(thisObj, [arg1, arg2, ...]); 兩者作用一致，都是把obj(即this)繫結到thisObj，這時候thisObj具備了obj的屬

js中call、apply、bind的用法

今天看部落格時，看到了這樣的一段js程式碼： var bind = Function.prototype.call.bind(Function.prototype.bind); 我想突然看到這樣的一段程式碼，即使js能力再強的人，可能也需要花點時間去理解。像我這樣的

js中call、bind和apply的區別

相似之處：如果你要傳遞的引數不多，則可以使用fn.call(thisObj, arg1, arg2 ...) 如果你

JavaScript中的call、apply、bind是怎麽回事？

ava 利用參數 lock 們的 app scrip lac target 在JS中，這三者都是用來改變函數的this對象的指向的，他們有什麽樣的區別呢。在說區別之前還是先總結一下三者的相似之處：1、都是用來改變函數的this對象的指向的。2、第一個參數都是this要

javascript中call、apply、bind詳解

組裝 div 分析 rgs 特性類型 bind詳解中修改不支持 1.apply和call的區別在哪裏 2.什麽情況下用apply,什麽情況下用call 3.apply的其他巧妙用法（一般在什麽情況下可以使用apply）我首先從網上查到關於apply和

javascript中call()、apply()、bind()的用法

javascript中call()、apply()、bind()的用法其實是一個很簡單的東西，認真看十分鐘就從一臉懵B 到完全理解！先看明白下面：例1 obj.objAge; //17 obj.myFun() //小張年齡undefined 例2 show

JavaScript中的call、apply、bind用法

這三種都是用來明確指定 this 關鍵字所指物件到底是誰。 Function.prototype.call() call() 方法呼叫一個函式, 其具有一個指定的this值和分別地提供的引數(引數的列表)。語法 fun.call(thisArg, arg1, arg2, ...

JavaScript中的this、apply()、call()、bind()

this this是函式執行時基於函式的執行環境繫結的，指向最後呼叫它的那個物件。例1： function a(){ var name= "Carol"; console.log(this.user); //undefined console.log(t

js中的call()、apply()、bind()

相關推薦