javascript中 Function.prototype.apply()与Function.prototype.call() 对比详解
2024-09-23 05:49:17
Function.prototype.apply()|Function.prototype.call()
apply()方法可以在使用一个指定的 this 值和一个参数数组(或类数组对象)的前提下调用某个函数或方法。call()方法类似于apply(),不同之处仅仅是call()接受的参数是参数列表。
简而言之:
apply()一个this,多个参数
call() 一个this,一个参数
语法
简而言之:
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
mozilla开发者社区:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments
本文原创博客地址:http://www.cnblogs.com/unofficial 官网地址:
www.pushself.com
最新文章
- javascript-组合模式
- Android源码——Broadcast Receiver
- PBOC金融IC卡,卡片与终端交互的13个步骤,简介-第二组(转)
- PHP禁止同一IP频繁访问以防止网站被防攻击或采集的代码
- linux下创建管理员组&;nbsp;使用&;nbsp;su&;nbsp;-&;nbsp;命令
- finally块中的代码一定会执行吗?
- Tyvj P1463 智商问题 分块
- protocolbuffer数据交换格式说明
- for的用法
- Qt编程学习网站
- Matlab插值计算各时刻磁法勘探日变观测值
- CodeForces 546 D. Soldier and Number Game(素数有关)
- swing-窗体添加背景图片的2种方法
- Windows下的lua-5.3.4安装过程
- Unity 资源管理插件
- vue 中使用sass实现主体换肤
- 请不要在广州.NET俱乐部群里谈郑智话题,谢谢!
- PhysX Clothing for UE4
- 【FindReport】图表快速部署开发
- POJ 1273 - Drainage Ditches - [最大流模板题] - [EK算法模板][Dinic算法模板 - 邻接表型]
热门文章
- copy other
- windows平台下的oracle ORA-01031的解决方法
- Python 多进程编程之multiprocessing--Process
- # 2019-2020-3 《Java 程序设计》第四周总结
- idea执行mapreduce报错 Could not locate Hadoop executable: C:\hadoop-3.1.1\bin\winutils.exe
- file 上传大小限制问题
- ABP框架系列之二十二:(Dynamic-Web-API-动态WebApi)
- Hdp安装问题杂解
- JS验证码邮件
- MySQL-5.7安装