javascript中 Function.prototype.apply()与Function.prototype.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
//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
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/en-US/docs/Web/JavaScript/Reference/Functions/arguments
本文原创博客地址:http://www.cnblogs.com/unofficial 官网地址:
www.pushself.com
javascript中 Function.prototype.apply()与Function.prototype.call() 对比详解的更多相关文章
- js中 call() 和 apply() 方法的区别和用法详解
1.定义 每个函数都包含俩个非继承而来的方法:call() 和 apply() call 和 apply 可以用来重新定义函数的的执行环境,也就是 this 的指向:call 和 apply 都是 ...
- JavaScript中的*top、*left、*width、*Height详解
来源:http://www.ido321.com/911.html html代码 1: <body> 2: <div class="father" id=&quo ...
- javascript中的立即执行函数(function(){…})()
javascript中的立即执行函数(function(){…})() 深入理解javascript中的立即执行函数,立即执行函数也叫立即调用函数,通常它的写法是用(function(){…})()包 ...
- JavaScript中call、apply个人理解
JavaScript中call.apply个人理解 一句话即通俗的说:call.apply 是为了改变this的状态而存在的 }; } function personInfo(name,age){ t ...
- 面试官:能解释一下javascript中bind、apply和call这三个函数的用法吗
一.前言 不知道大家还记不记得前几篇的文章:<面试官:能解释一下javascript中的this吗> 那今天这篇文章虽然是介绍javascript中bind.apply和call函数 ...
- 说说 JavaScript中 call和apply
下面有关JavaScript中 call和apply的描述,错误的是? call与apply都属于Function.prototype的一个方法,所以每个function实例都有call.apply属 ...
- JavaScript中易混淆的DOM属性及方法对比
JavaScript中易混淆的DOM属性及方法对比 ParentNode.children VS Node.prototype.childNodes ParentNode.children:该属性继承 ...
- 【巷子】:关于Apply、call、bind的详解
call方法: 语法:call(thisObj,'',''........) 定义:调用一个对象的一个方法,以另一个对象替换当前对象 说明:call方法可以用来代替另一个对象调用一个方法.call方法 ...
- PHP中IP地址与整型数字互相转换详解
这篇文章主要介绍了PHP中IP地址与整型数字互相转换详解,本文介绍了使用PHP函数ip2long与long2ip的使用,以及它们的BUG介绍,最后给出自己写的两个算法,需要的朋友可以参考下 IP转换成 ...
- ArcGIS中的北京54和西安80投影坐标系详解
ArcGIS中的北京54和西安80投影坐标系详解 1.首先理解地理坐标系(Geographic coordinate system),Geographic coordinate system直译为地理 ...
随机推荐
- WPF 凭证分录控件
凭证分录编辑控件,效果如下: 源码:https://gitee.com/orchis/VoucherGridCtl.git
- SQL中GROUP BY语句与HAVING语句的使用
GROUP BY语句,经过研究和练习,终于明白如何使用了,在此记录一下同时添加了一个自己举的小例子,通过写这篇文章来加深下自己学习的效果,还能和大家分享下,同时也方便以后查阅,一举多得 一.GROUP ...
- 在centos7上使用最简单的方法把php脚本做成服务,随开机启动运行
1.准备文件:coffeetest.service # copy to /usr/lib/systemd/system # systemctl enable coffeetest.service [U ...
- springMVC学习 十二 拦截器
一 拦截器概述 拦截器技术比较像java web技术中的过滤器技术,都是发送 请求时被拦截器拦截,在控制器的前后添加额外功能.但是和Spring中的Aop技术是由区别的.AOP 在特定方法前后扩充(一 ...
- http协议基本原理
HTTP(HyperText Transport Protocol)是超文本传输协议的缩写,它用于传送WWW方式的数据,关于HTTP协议的详细内容请参考RFC2616.HTTP协议采用了请求/响应模型 ...
- Photoshop制作仿等高线着色图
起因是最近玩游戏The Long Dark,看到贴吧还是Steam上有人放了等高线图,看起来非常炫酷,于是想自己折腾下. 解包了游戏高度图 Matlab绘制如下 自己瞎写的量化+颜色映射如下,Shad ...
- Python开发——6.文件操作
一.文件操作 1.文件操作的处理流程 打开文件得到文件句柄并赋值给一个变量====>通过句柄对文件进行分析====>关闭文件 #1. 打开文件,得到文件句柄并赋值给一个变量 f=open( ...
- pyhon_day1 格式化输出
格式化输出 我们在写Python的在很多时候输出的内容需要规定格式的,这样就引入到了格式化输出 定义: 盗用下大咖的例子: ------------ info of alex ----------- ...
- wampserver 的默认首页设置
# wampserver 首页顺序设置 <IfModule dir_module> DirectoryIndex index.php default.php index.html inde ...
- 源设置导致Docker镜像构建失败
编写了一个Dockerfile,主要目的是构建一个镜像,镜像默认安装了openjdk-1.8-jre,还有另外一些包(这些包里面有dev版本的,也有release版本的),Dockerfile的内容大 ...