码迷,mamicode.com
首页 > 移动开发 > 详细

javascript中 Function.prototype.apply()与Function.prototype.call() 对比详解

时间:2014-09-15 14:08:49      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   os   使用   java   ar   

 

Function.prototype.apply()|Function.prototype.call()
apply()方法可以在使用一个指定的 this 值和一个参数数组(或类数组对象)的前提下调用某个函数或方法。call()方法类似于apply(),不同之处仅仅是call()接受的参数是参数列表。
简而言之:
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[……]]]:参数列表
本文原创博客地址:http://www.cnblogs.com/unofficial官网地址: www.pushself.com
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+"及时联系到我");
这里是apply()的应用,其中主要注意的是argsArray这个参数,它可以是数组,也可以是类数组对象。
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+"及时联系到我");
这里是call()的应用,其中需要注意的是第二个参数是由很多的参数构成的一个列表。
本文原创博客地址:http://www.cnblogs.com/unofficial 官网地址: www.pushself.com
扩展DEMO
可以用apply()求数组中最大值,例如,我要求一个数组var arr = [19,360,0,3000];
var arr = [19,360,0,3000],
    maxVal = Math.max.apply(null, arr),
    minVal = Math.min.apply(null, arr);
console.log("arr中最大值为:"+maxVal+",最小值为:"+minVal);
这个是利用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
参考资料
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

javascript中 Function.prototype.apply()与Function.prototype.call() 对比详解

标签:style   blog   http   color   io   os   使用   java   ar   

原文地址:http://www.cnblogs.com/unofficial/p/3972544.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!