js中的call()和apply()方法

Posted 2020-10-01 钢铁小坦克

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()只能接收数组参数。

3.基本用法

[javascript] view plain copy

 

 print?

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对象，函数名即是对象引用  

4.继承特性

[javascript] view plain copy

 

 print?

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(r,4,2);   //6,r继承add函数的所有特性  
17. r.subValue = sub.call(r,4,2);   //2,r集成sub函数的所有特性  
18. r.showResult();