javascript中apply和call方法的作用及區(qū)別說明
一、call和apply的說明
1、call，apply都屬于Function.prototype的一個(gè)方法，它是JavaScript引擎內(nèi)在實(shí)現(xiàn)的，因?yàn)閷儆贔unction.prototype，所以每個(gè)Function對象實(shí)例(就是每個(gè)方法)都有call，apply屬性。既然作為方法的屬性，那它們的使用就當(dāng)然是針對方法的了，這兩個(gè)方法是容易混淆的，因?yàn)樗鼈兊淖饔靡粯樱皇鞘褂梅绞讲煌?/P>
2、語法：foo.call(this, arg1,arg2,arg3) == foo.apply(this, arguments) == this.foo(arg1, arg2, arg3);
3、相同點(diǎn)：兩個(gè)方法產(chǎn)生的作用是完全一樣的。
4、不同點(diǎn)：方法傳遞的參數(shù)不同。
二、實(shí)例代碼
<script type="text/javascript">
function A(){
this.flag = 'A';
this.tip = function(){
alert(this.flag);
};
}
function B(){
this.flag = 'B';
}
var a = new A();
var b = new B();
//a.tip.call(b);
a.tip.apply(b);
</script>
三、代碼解釋(即說明apply和call作用)
1、實(shí)例代碼定義了兩個(gè)函數(shù)A和B，A中包含flag屬性和tip屬性(這個(gè)屬性賦值一個(gè)函數(shù))，B中有一個(gè)flag屬性。
2、分別創(chuàng)建A和B的對象a和b。
3、無論是a.tip.call(b);和a.tip.apply(b);運(yùn)行的結(jié)果都是彈出B。
4、從結(jié)果中可以看出call和apply都可以讓B對象調(diào)用A對象的tip方法，并且修改了this的當(dāng)前作用對象。
- JavaScript中的apply()方法和call()方法使用介紹
- js中繼承的幾種用法總結(jié)(apply,call,prototype)
- 詳解js中的apply與call的用法
- JS中改變this指向的方法(call和apply、bind)
- JavaScript中的apply和call函數(shù)詳解
- js中call與apply的用法小結(jié)
- js apply/call/caller/callee/bind使用方法與區(qū)別分析
- JS面向?qū)ο?、prototype、call()、apply()
- JavaScript學(xué)習(xí)點(diǎn)滴 call、apply的區(qū)別
- 詳解JS中的this、apply、call、bind(經(jīng)典面試題)
- 淺談javascript中call()、apply()、bind()的用法
- JavaScript中apply與call的用法意義及區(qū)別說明
- js中apply()和call()的區(qū)別與用法實(shí)例分析
- 跟我學(xué)習(xí)javascript的call(),apply(),bind()與回調(diào)
- JavaScript中的this,call,apply使用及區(qū)別詳解
- javascript call和apply方法
- 深入理解JavaScript中的call、apply、bind方法的區(qū)別
- 再談JavaScript中bind、call、apply三個(gè)方法的區(qū)別與使用方式
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了用JavaScript實(shí)現(xiàn)貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
js設(shè)置控件的隱藏與顯示，設(shè)置控件style的display和visibility屬性就可以了，下面有個(gè)示例，需要的朋友可以參考下2014-08-08
js方法數(shù)據(jù)驗(yàn)證的簡單實(shí)例
下面小編就為大家?guī)硪黄猨s方法數(shù)據(jù)驗(yàn)證的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
javascript中打印當(dāng)前的時(shí)間實(shí)現(xiàn)思路及代碼
打印當(dāng)前的時(shí)間的方法有很多，在本文為大家詳細(xì)介紹下使用javascript是如何做到的，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-12-12
JS實(shí)現(xiàn)圖片上傳多次上傳同一張不生效的處理方法
這篇文章主要介紹了JS實(shí)現(xiàn)圖片上傳多次上傳同一張不生效的處理方法,處理方法也很簡單，只要在刪除方法里置空input，具體實(shí)例代碼大家參考下本文2018-08-08
在本篇文章里小編給大家整理的是關(guān)于JS用最簡單的方法實(shí)現(xiàn)四舍五入的實(shí)例內(nèi)容，需要的朋友們學(xué)習(xí)下。2019-08-08
這篇文章主要介紹了npm淘寶鏡像修改講解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
有些小伙伴可能會(huì)問caller,callee 是什么?在javascript 中有什么樣的作用?那么本篇會(huì)對于此做一些基本介紹。希望能夠?qū)Υ蠹依斫鈐avascript中的callee與caller有所幫助。2015-08-08
javascript操作Cookie（設(shè)置、讀取、刪除）方法詳解
這篇文章主要詳細(xì)向大家介紹了javascript操作Cookie的方法，包括設(shè)置、讀取、刪除操作，十分的細(xì)致全面，附上示例，是篇非常不錯(cuò)的文章，這里推薦給大家。2015-03-03
基于zepto.js實(shí)現(xiàn)手機(jī)相冊功能
這篇文章主要為大家詳細(xì)介紹了基于zepto.js實(shí)現(xiàn)手機(jī)相冊功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07