javascript call与apply关键字的作用
apply接受两个参数。第一个参数指定函数体内this对象的指向,第二个参数为一个带下标的集合。
call则是apply的语法糖,如果参数数量固定,则可以不用带下标的集合传第二个参数。
1
2
3
4
5
6
|
var func = function (a,b,c) { alert(a + b + c); } func.apply( null ,[1,2,3]); //弹出6 func.call( null ,1,2,3); //弹出6 |
当apply与call传入的第一个参数为null时,函数体内的this会指向window。
call与apply的用途
1、改变this的指向
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
var obj1 = { name = '刘备' } var obj2 = { name = '曹操' } var getName = function (){ alert( this .name); } window.name = '三国' ; getName(); //弹出"三国" getName.call(obj1); //弹出"刘备" getName.call(obj2); //弹出"曹操" |
所以,当在一些情况下this被莫名改变指向之后,可以使用call或apply来进行修正this的指向。
1
2
3
4
5
6
7
|
document.getElementById( 'div1' ).onclick = function (){ alert( this .id); //div1 var fun1 = function (){ alert( this .id); //window.id 即undefined } fun1(); //普通函数的方式调用,this指代window,相当于window.id 即 undefined } |
由于是普通函数的方式调用,所以上面的例子中,this已经变成了window。下面看看如何使用call进行修正。
1
2
3
4
5
6
7
|
document.getElementById( 'div1' ).onclick = function (){ alert( this .id); var fun1 = function (){ alert( this .id); } fun1.call( this ); //强制函数内的this为外层的this, } |
2、调用其他对象的函数
示例1:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
var obj1 = { a:1, b:2, add: function () { return this .a + this .b; } } var obj2 = { a:1, b:2, } var result = obj1.add.call(obj2); //用obj1的函数来计算obj2的两个属性的和 alert(result); //输出3 |
示例2:借用构造函数实现类似继承的效果
1
2
3
4
5
6
7
8
9
10
11
12
|
var A = function (name) { this .name = name; }; var B = function (){ A.apply( this ,arguments) } B.prototype.getName = function (){ return this .name; } var b = new B( '刘备' ); alert(b.getName()); |
javascript call与apply关键字的作用的更多相关文章
- JavaScript中的this关键字的用法和注意点
JavaScript中的this关键字的用法和注意点 一.this关键字的用法 this一般用于指向对象(绑定对象); 01.在普通函数调用中,其内部的this指向全局对象(window); func ...
- javascript篇-----函数apply()和call()
转自:http://www.jb51.net/article/28013.htm 如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的 ...
- 转载 深入理解JavaScript中的this关键字
转载原地址: http://www.cnblogs.com/rainman/archive/2009/05/03/1448392.html 深入理解JavaScript中的this关键字 1. 一 ...
- 《JavaScript总结》apply、call和bind方法
在JavaScript中,apply.call.bind这个三个方法,它们的作用都是为了改变某个函数运行时的上下文, 也就是改变函数体内的this指向. 在一个函数里,存在“定义时上下文”.“运行时上 ...
- JavaScript中的apply()和call()
可以将call()和apply()看做是某个对象的方法,通过调用方法的形式来间接调用函数. call()和apply()的第一个实参是要调用函数的母对象,它是调用上下文,在函数体内通过this来获得对 ...
- 如何理解JavaScript中的this关键字
前言 王福朋老师的 JavaScript原型和闭包系列 文章看了不下三遍了,最为一个初学者,每次看的时候都会有一种 "大彻大悟" 的感觉,而看完之后却总是一脸懵逼.原型与闭包 可以 ...
- return 关键字的作用
注意: 如果一个函数的返回值类型是具体的数据类型,那么该函数就必须要保证在任意情况下都保证有返回值.(除了返回值类型是void以外) return 关键字的作用: 1. 返回数据给函数的调用者. 2. ...
- Linq中关键字的作用及用法
Linq中关键字的作用及用法 1.All:确定序列中的所有元素是否都满足条件.如果源序列中的每个元素都通过指定谓词中的测试,或者序列为空,则为 true:否则为 false. Demo: 此示例使用 ...
- Java对象表示方式1:序列化、反序列化和transient关键字的作用
平时我们在Java内存中的对象,是无法进行IO操作或者网络通信的,因为在进行IO操作或者网络通信的时候,人家根本不知道内存中的对象是个什么东西,因此必须将对象以某种方式表示出来,即存储对象中的状态.一 ...
随机推荐
- OkHttp和Volley对比
OkHttp 物理质量 使用OkHttp需要 okio.jar (80k), okhttp.jar(330k)这2个jar包,总大小差不多400k,加上自己的封装,差不多得410k. 功能介绍 Squ ...
- 获取当前3Ds MAX版本
昨天看到群里有人问,并贴出了飞浪大大的源码,又对比了一下自己以前写的,顿时觉得弱爆了哈哈~ 飞浪: fn getVer = ( v = (maxversion())[] / then return v ...
- TOMCAT 无法安装P7B格式的证书
背景:通过按以下链接的方式生成了CSR文件,并申请到P7B格式的证书 现象:TOMCAT安装该证书时,要求输入Keystore key, 但是P7B证书自身并不携带私钥.导致无法通过TOMCAT安装该 ...
- 图像分割实验:FCN数据集制作,网络模型定义,网络训练(提供数据集和模型文件,以供参考)
论文:<Fully Convolutional Networks for Semantic Segmentation> 代码:FCN的Caffe 实现 数据集:PascalVOC 一 数据 ...
- 记录思想分享知识编辑器 Markdown 编辑阅读器
web使用:实现网页客户端实时自动解析Markdown为HTML内容小小的展示:Cmd Markdown 编辑阅读器使用必要性:怎样引导新手使用 Markdown? - 写作
- [I2C]I2C架构分析
转自:http://blog.csdn.net/wangpengqi/article/details/17711165 1. I2C 概述 I2C是philips提出的外设总线. I2C只有两条线,一 ...
- python---psutil
系统性能信息模块psutil psutil是一个跨平台库,能够轻松实现获取系统运行的进程和系统利用率(CPU,内存,磁盘,网络等)信息,主要应用于系统监控,分析和限制系统资源及进程的管理,它实现了同等 ...
- MySQL5.7安装与配置(YUM)
安装环境:CentOS7 64位,MySQL5.7 1.配置YUM源 在MySQL官网中下载YUM源rpm安装包:http://dev.mysql.com/downloads/repo/yum/ # ...
- selenium之 定位以及切换frame(iframe)
Set<String> windows = driver.getWindowHandles(); int count = 0; for(String handl ...
- eclipse @override注解出错
在工程中新建了一个接口,定义了一个methodA,然后写一个接口类实现该方法,并加上@override注解 项目提示@override出错,必须覆盖原方法XXX,解决办法 1)项目右键-project ...