时间:2021-05-25
javascript call与apply关键字的作用
apply接受两个参数。第一个参数指定函数体内this对象的指向,第二个参数为一个带下标的集合。
call则是apply的语法糖,如果参数数量固定,则可以不用带下标的集合传第二个参数。
var func = function(a,b,c){ alert(a + b + c);}func.apply(null,[1,2,3]);//弹出6func.call(null,1,2,3);//弹出6当apply与call传入的第一个参数为null时,函数体内的this会指向window。
当apply与call传入的第一个参数为null时,函数体内的this会指向window。
call与apply的用途
1、改变this的指向
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的指向。
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进行修正。
document.getElementById('div1').onclick = function(){ alert(this.id); var fun1 = function(){ alert(this.id); } fun1.call(this);//强制函数内的this为外层的this,}2、调用其他对象的函数
示例1:
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:借用构造函数实现类似继承的效果
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());以上就是本文的内容,有问题可以和小编联系,谢谢对的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS中call()和apply()的功能及用法。分享给大家供大家参考,具体如下:1.call()和apply()的作用首先引出问题:用call()
Call语句将控制权传递给Sub或Function过程。[Call]name[argumentlist]参数Call可选项关键字。如果指定此关键字,则必须用括号
本文实例讲述了JS中call和apply函数用法。分享给大家供大家参考,具体如下:call函数语法obj.call(thisObj,arg[,arg2[,arg
apply和call的区别ECMAScript规范给所有函数都定义了call与apply两个方法,它们的应用非常广泛,它们的作用也是一模一样,只是传参的形式有区
Java中的static关键字可以用于修饰变量、方法、代码块和类,还可以与import关键字联合使用,使用的方式不同赋予了static关键字不同的作用,且在开发