《JavaScript高级程序设计》里对 call() 和 apply() 的解释 (116页)
2024-09-20 07:40:34
每个函数都包含两个非继承而来的方法:apply()和call()。这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内this对象的值。
apply():
方法接受两个参数:一个是在其中运行函数的作用域,另一个是参数数组。其中,第二个参数可以是Array的实例,也可以是arguments对象。例如:
function sum(num1, num2) {
return num1 + num2;
}
function callSum1(num1, num2) {
return sum.apply(this, arguments); //传入arguments对象
}
function callSum2(num1, num2) {
return sum.apply(this, [num1,num2]); //传入数组
}
alert(callSum1(10, 10));
alert(callSum2(10, 10));
在上面的例子中,callSum1()在执行 sum() 函数时传入了 this 作为 this 值(因为是在全局作用域中调用的,所以传入的就是 window 对象)和 arguments 对象。
call():
call() 方法与 apply() 方法的作用相同,它们的区别仅在于接受的参数不同。对于 call() 方法而言,第一个参数是 this 值没有变化,变化的是其余参数都直接传递给函数。换句话说,在使用 call() 方法时,传递给函数的参数必须逐个列出来,如下面的例子所示。
function sum(num1, num2) {
return num1 + num2;
}
function callSum(num1, num2) {
return sum.call(this, num1, num2);
}
alert(callSum(10, 10));
事实上,传递参数并非 apply() 和 call() 真正的用武之地;它们真正强大的地方是能够扩充函数赖以运作的作用域。下面来看一个例子。
window.color = 'red';
var o = {
color: 'blue'
};
function sayColor() {
alert(this.color);
}
sayColor(); //blue
sayColor.call(this); //blue
sayColor.call(window); //blue
sayColor.call(o); //red
当运行 sayColor.call(o)时,函数的执行环境就不一样了,因为此时函数体内的 this 对象指向了 o 中,然后再通过 o 来调用它的。
最新文章
- [LeetCode] Binary Tree Paths 二叉树路径
- 搭建mongodb分片
- 导入旧数据需要 使用date插件
- C# 多线程使用队列注意事项
- Day1:T3 bfs T4 树形DP
- linux系统性能监控--网络利用率
- SVN使用规范
- k8s学习笔记之五:Pod资源清单spec字段常用字段及含义
- 微信小程序 - 自定义导航栏(提示)
- CSS3 转换
- LUA table.sort的问题,数组与表的区别
- PHP分页类分享
- shell将多行文本重定向到文件【转】
- iOS-JS调用OC代码
- HDU 1845 Jimmy’s Assignment(二分匹配)
- lykchat信息发送系统
- 1.Vector(向量容器)
- django_上传文件
- 配置Anaconda的jupyter notebook默认主页
- js修改隔行tr的颜色。
热门文章
- 【转】AS3画板工具类,可直接套用
- POPTEST学员就业面试题目!!!!!
- 老李分享:DBA
- .net md5
- linux环境下安装jdk(本文示例是jdk1.6.0_export JAVA_HOME=/usr/java/jdk1.6.0_45 export PATH=$JAVA_HOME/bin:$PATH export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar45)
- LINUX ON AZURE 安全建议(全)
- PLSQL创建定时任务
- 使用 ItextSharp HTML生成Pdf(C#)
- iOS UITableViewCell点击时子视图背景透明的解决方法
- Aggregate累加器