javascript中 Function.prototype.apply()与Function.prototype.call() 对比详解
Function.prototype.apply()|Function.prototype.call()
apply()方法可以在使用一个指定的 this 值和一个参数数组(或类数组对象)的前提下调用某个函数或方法。call()方法类似于apply(),不同之处仅仅是call()接受的参数是参数列表。
简而言之:
apply()一个this,多个参数
call() 一个this,一个参数
语法
参数
本文原创博客地址:http://www.cnblogs.com/unofficial官网地址: www.pushself.com
简而言之:
apply()一个this,多个参数
call() 一个this,一个参数
语法
fun.apply(thisArg[, argsArray])|fun.call(thisArg[, arg1[, arg2[, ...]]])
apply(): thisArg:在fun函数运行时指定的this值。需要注意的是,指定的this值并不一定是该函数执行时真正的this值,如果这个函数处于非严格模式下,则指定为null和undefined的this值会自动指向全局对象(浏览器中就是window对象),同时值为原始值(数字,字符串,布尔值)的this会指向该原始值的自动包装对象。 argsArray:数组(或类数组对象) call(): thisArg:同apply()的参数描述。 arg1[,arg2[,arg3[……]]]:参数列表
DEMO
//apply()的demo function SiteInfo(name,site) { this.name = name; this.site = site; } function ContactMe(name,site,qq) { //SiteInfo.apply(this, {0:name, 1:site, length:2}); //SiteInfo.apply(this, [name, site]); SiteInfo.apply(this, arguments); this.qq = qq; } var contactMe = new ContactMe("unofficial","www.pushself.com","1936**3***"); console.log("你好,我是"+contactMe.name+",欢迎访问"+contactMe.site+",有问题可以留言,也可以通过QQ:"+contactMe.qq+"及时联系到我");
arguments对象是所有方法中提供的一个局部变量;不能在方法的原型属性中使用。需要特别说明的是arguments不是一个数组,只是一个类数组。
//call()的demo function SiteInfo(name,site) { this.name = name; this.site = site; } function ContactMe(name,site,qq) { SiteInfo.call(this, name, site); this.qq = qq; } var contactMe = new ContactMe("unofficial","www.pushself.com","1936**3***"); console.log("你好,我是"+contactMe.name+",欢迎访问"+contactMe.site+",有问题可以留言,也可以通过QQ:"+contactMe.qq+"及时联系到我");
本文原创博客地址:http://www.cnblogs.com/unofficial 官网地址: www.pushself.com
扩展DEMO
可以用apply()求数组中最大值,例如,我要求一个数组var arr = [19,360,0,3000];
这个是利用apply()求数组中的最大值,通常我们利用Math.max()求的是一个列表的最大值,例如:Math.max(19,360,0,3000),得到最大值为3000,如果这个是一个数组或者一个数组对象,我们怎么求得它的最大值呢?就是利用apply()来解决,Math.max.apply(null, arr)相当于this对象就是Math.max,将arr经过apply()后处理成了列表,最后求得最大值,或者最小值。
本文原创博客地址:http://www.cnblogs.com/unofficial 官网地址: www.pushself.com
var arr = [19,360,0,3000], maxVal = Math.max.apply(null, arr), minVal = Math.min.apply(null, arr); console.log("arr中最大值为:"+maxVal+",最小值为:"+minVal);
本文原创博客地址:http://www.cnblogs.com/unofficial 官网地址: www.pushself.com
参考资料
mozilla开发者社区:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/apply
mozilla开发者社区:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments
本文原创博客地址:http://www.cnblogs.com/unofficial 官网地址: www.pushself.com
mozilla开发者社区:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments
本文原创博客地址:http://www.cnblogs.com/unofficial 官网地址: www.pushself.com