JS中的call() apply()

 每个函数都包含两个非继承而来的方法:call()方法和apply()方法。

相同点:这两个方法的作用是一样的。

都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。

一般来说,this总是指向调用某个方法的对象,但是使用call()和apply()方法时,就会改变this的指向。

唯一区别是apply接受的是数组参数,call接受的是连续参数。

1.call()

语法: obj1.call(obj2[,param1,param2,...])
定义:用obj2对象来代替obj1,调用obj1的方法。即将obj1应用到obj2上。
说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 obj2 指定的新对象。 如果没有提供 obj2参数,那么 Global 对象被用作 obj2。

2.apply()

语法: obj1.call(obj2[,arrArg])
定义: 用obj2对象来代替obj1,调用obj1的方法。即将obj1应用到obj2上。
说明: call ()和apply()作用一样,但是call()可以接收任何类型的参数,而apply()只能接收数组参数。

  1. function add(a,b){  
  2.     return a+b;  
  3. }  
  4. function sub(c,d){  
  5.     return c-d;  
  6. }  
  7. function result(){  
  8.     this.addValue = null;  
  9.     this.subValue = null;  
  10.     this.showResult=function(){  
  11.         alert(this.addValue);  
  12.         alert(this.subValue);  
  13.     }  
  14. }  
  15. var r = new result();  
  16. r.addValue = add.call(sub,4,2); //6,将add方法应用到sub上,即sub的指针指向add方法  
  17. r.subValue = sub.call(add,4,2); //2,用add对象替换sub对象,并调用sub对象的方法  
  18. r.showResult(); //在js中函数也是一个Function对象,函数名即是对象引用  
add(5,3); //8
add.call(sub, 5, 3); //8
add.apply(sub, [5, 3]); //8

通过call和apply,我们可以实现对象继承。

var Parent = function(){
    this.name = "zyj";
    this.age = 22;
}
var child = {};
console.log(child);//Object {} ,空对象
Parent.call(child);
console.log(child); //Object {name: "yjc", age: 22}

console.log(child);//Object {} ,空对象

https://blog.csdn.net/gertYY/article/details/55047867


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值