JavaScript中call和apply方法的區(qū)別實(shí)例分析
本文實(shí)例分析了JavaScript中call和apply方法的區(qū)別。分享給大家供大家參考,具體如下:
這兩個(gè)方法不經(jīng)常用,但是在某些特殊場合中是非常有用的,下面主要說下它們的區(qū)別:
1、首先,JavaScript是一門面向?qū)ο蟮恼Z言,也就是說它有this的概念。而且JavaScript是一門動(dòng)態(tài)類型語言,為什么說它是動(dòng)態(tài)類型語言呢?因?yàn)镴avaScript在編譯時(shí)沒有類型檢查的過程,不會(huì)去檢查創(chuàng)建的對(duì)象類型,也不會(huì)去檢查傳遞的參數(shù)類型,所以它的變量類型在運(yùn)行期間是可以改變的。
2、要知道call和apply都是為了改變某個(gè)函數(shù)運(yùn)行時(shí)的上下文(context)而存在的,也就是為了改變函數(shù),也可以說是對(duì)象(函數(shù)本身就是對(duì)象)內(nèi)部this的指向而存在的。
3、二者區(qū)別為:傳參數(shù)的方式不一樣,如下:
func.call(this, arg1, arg2); func.apply(this, [arg1, arg2]);
上面也很清楚了,call傳參數(shù)時(shí),明確知道時(shí)幾個(gè)參數(shù)或者參數(shù)較少時(shí),比如arg1、arg2,挨個(gè)傳就是了;
而apply第二個(gè)參數(shù)必須為一個(gè)數(shù)組,即將參數(shù)放進(jìn)數(shù)組中即可。
4、實(shí)例
(function(){
Array.prototype.push.call(arguments, 4);//arguments借用Array.prototype.push方法
console.log( arguments ); //輸出: [1, 2, 3, 4]
})(1, 2, 3);
var currying = function(fn){
var args = [];
return function(){
if( arguments.length === 0){
return fn.apply( this, args);
}
else{
[].push.apply( args, arguments);
return arguments.callee; //callee已棄用
}
}
};
var cost = (function(){
var money = 0;
return function(0{
for(var i = 0,l - arguments.length;i<l;i++){
money += arguments[i];
}
return money;
}
})();
調(diào)用:
var cost_ = currying(cost); //將cost轉(zhuǎn)化成curring函數(shù) cost_(1); cost_(2); alert(cost_()); //輸出:3
解釋:通過currying(柯里化)的轉(zhuǎn)化,在cost_中傳入?yún)?shù)時(shí),未能得到值,而是將值存儲(chǔ)起來,直到當(dāng)無參數(shù)傳入時(shí),輸出結(jié)果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JS中call和apply函數(shù)用法實(shí)例分析
- JS中this的指向以及call、apply的作用
- 詳解JS中的this、apply、call、bind(經(jīng)典面試題)
- 詳解js中的apply與call的用法
- JavaScript中的apply()方法和call()方法使用介紹
- js中繼承的幾種用法總結(jié)(apply,call,prototype)
- JavaScript中的apply和call函數(shù)詳解
- javascript中apply和call方法的作用及區(qū)別說明
- JS面向?qū)ο蟆rototype、call()、apply()
- JavaScript中apply與call的用法意義及區(qū)別說明
- javascript下arguments,caller,callee,call,apply示例及理解
- JavaScript函數(shù)apply()和call()用法與異同分析
相關(guān)文章
javascript中使用css需要注意的地方小結(jié)
javascript中使用css需要注意的地方小結(jié),注意保留字問題。2010-09-09
在使用JSON格式處理數(shù)據(jù)時(shí)應(yīng)該注意的問題小結(jié)
這篇文章主要介紹了在使用JSON格式處理數(shù)據(jù)時(shí)應(yīng)該注意的問題,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-05-05
JavaScript開發(fā)簡單易懂的Svelte實(shí)現(xiàn)原理詳解
這篇文章主要為大家介紹了JavaScript開發(fā)簡單易懂的Svelte實(shí)現(xiàn)原理的內(nèi)容詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2021-11-11
In Javascript Class, how to call the prototype method.(three
In Javascript Class, how to call the prototype method.(three method)...2007-01-01
js 點(diǎn)擊頁面其他地方關(guān)閉彈出層(示例代碼)
本篇文章主要介紹了js點(diǎn)擊頁面其他地方關(guān)閉彈出層的示例代碼。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12
在IE下:float屬性會(huì)影響offsetTop的取值
在IE下:float屬性會(huì)影響offsetTop的取值...2006-12-12

