JavaScript中call和apply方法的區(qū)別實例分析
本文實例分析了JavaScript中call和apply方法的區(qū)別。分享給大家供大家參考,具體如下:
這兩個方法不經(jīng)常用,但是在某些特殊場合中是非常有用的,下面主要說下它們的區(qū)別:
1、首先,JavaScript是一門面向?qū)ο蟮恼Z言,也就是說它有this
的概念。而且JavaScript是一門動態(tài)類型語言,為什么說它是動態(tài)類型語言呢?因為JavaScript在編譯時沒有類型檢查的過程,不會去檢查創(chuàng)建的對象類型,也不會去檢查傳遞的參數(shù)類型,所以它的變量類型在運行期間是可以改變的。
2、要知道call
和apply
都是為了改變某個函數(shù)運行時的上下文(context)而存在的,也就是為了改變函數(shù),也可以說是對象(函數(shù)本身就是對象)內(nèi)部this
的指向而存在的。
3、二者區(qū)別為:傳參數(shù)的方式不一樣,如下:
func.call(this, arg1, arg2); func.apply(this, [arg1, arg2]);
上面也很清楚了,call
傳參數(shù)時,明確知道時幾個參數(shù)或者參數(shù)較少時,比如arg1、arg2,挨個傳就是了;
而apply
第二個參數(shù)必須為一個數(shù)組,即將參數(shù)放進數(shù)組中即可。
4、實例
(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ù)傳入時,輸出結(jié)果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設計有所幫助。
- JS中call和apply函數(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ū)ο?、prototype、call()、apply()
- JavaScript中apply與call的用法意義及區(qū)別說明
- javascript下arguments,caller,callee,call,apply示例及理解
- JavaScript函數(shù)apply()和call()用法與異同分析
相關(guān)文章
Javascript基于jQuery UI實現(xiàn)選中區(qū)域拖拽效果
這篇文章主要介紹了Javascript基于jQuery UI實現(xiàn)選中區(qū)域拖拽效果的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-11-11記錄幾個javascript有關(guān)的小細節(jié)
記錄幾個javascript有關(guān)的小細節(jié)...2007-04-04