javascript中call apply 的應(yīng)用場景
在一些jQuery插件中經(jīng)??吹筋愃?callback.call(xxx,xxx) 雖然看到書上有介紹 說call和apply函數(shù)可以改變作用域,但還是無法非常透徹的理解改變作用域主要是為了解決什么問題,有沒有替代方案,或者 這2個函數(shù)主要為了解決什么問題,應(yīng)用場景,何時使用最合適,每次讀到這樣的代碼就暈了,一下子從線性閱讀中跳出去了,感覺有點繞
call和apply的作用很簡單,就是改變上下文,適用場景太多了,雖然有時候只是為了“美觀”,下面幾個是我常用的。
1.
用來判斷 Obj 的類型
arguments 雖然和Array 很像,但是他沒有Array的push之類的方法,怎么辦?
Array.prototype.push.call(arguments)
3.Javascript 沒有私有方法的概念,想用閉包實現(xiàn)
(function () {
var Person = function () {
this.doSomeThing = function () {
_privateFunction.call(this);
}
}
var _privateFunction = function () {
}
window.Person = Person;
}).call(window);
差不多就是這個意思,callback的時候,當你希望你的callback中的上下文是當前上下文的時候,也可以用call或者apply,有什么好處呢?
這個時候你的callback 里面的this 就是指代當前上下文。例如一個類Person,然后他的方法 say 有一個callback的參數(shù),如果這個callback是通過普通的括號來執(zhí)行的話,那在這個callback里面執(zhí)行person的其它方法還需要用person.other 來實現(xiàn),但是切換上下文之后,就是this.other搞定~代碼對比如下:
var Person = function(){
};
Person.prototype.say = function(callback){
callback();
};
Person.prototype.other = function(){
};
var vincent = new Person();
vincent.say(function(){
vincent.other();
});
用了call的:
var Person = function(){
};
Person.prototype.say = function(callback){
callback.call(this);
};
Person.prototype.other = function(){
};
var vincent = new Person();
vincent.say(function(){
this.other();
});
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
JS動態(tài)創(chuàng)建Table,Tr,Td并賦值的具體實現(xiàn)
這篇文章介紹了JS動態(tài)創(chuàng)建Table,Tr,Td并賦值的具體實現(xiàn),有需要的朋友可以參考一下2013-07-07
Javascript的promise,async和await的區(qū)別詳解
這篇文章主要為大家詳細介紹了Javascript的promise,async和await的區(qū)別,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-03-03
dispatchEvent解決重疊元素響應(yīng)事件示例詳解
這篇文章主要為大家介紹了dispatchEvent解決重疊元素響應(yīng)事件示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-10-10
JS實現(xiàn)點擊圖片在當前頁面放大并可關(guān)閉的漂亮效果
點擊圖片在當前頁面放大的漂亮效果實現(xiàn)方法有很多,在本文將為大家介紹下使用Lightbox JS是如何實現(xiàn)的,感興趣的朋友不要錯過2013-10-10

