js call()和apply()方法使用

最新推荐文章于 2023-06-14 10:06:38 发布

walkersc

最新推荐文章于 2023-06-14 10:06:38 发布

阅读量406

点赞数

分类专栏： javascript

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

来源URL：http://uule.iteye.com/blog/1158829

1、方法定义

call方法:
语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])
定义：调用一个对象的一个方法，以另一个对象替换当前对象。
说明：
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

apply方法：
语法：apply([thisObj[,argArray]])
定义：应用某一对象的一个方法，用另一个对象替换当前对象。
说明：
如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj，并且无法被传递任何参数。

2、常用实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>demo</title>
</head>
<body>
	
	<script type="text/javascript">
		/*
			Case：1
			这个例子中的意思就是用 add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4); // 注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。
		*/
		function add(a,b)  
		{  
		    alert(a+b);  
		}  
		function sub(a,b)  
		{  
		    alert(a-b);  
		}  
		  
		add.call(sub,3,1);   //4


		/*
			Case：2
			通过call或apply方法，将原本属于Animal对象的showName()方法交给对象cat来使用了。    
			输入结果为"Cat"   
		*/
		function Animal(){    
		    this.name = "Animal";    
		    this.showName = function(){    
		        alert(this.name);    
		    }    
		}    
		  
		function Cat(){    
		    this.name = "Cat";    
		}    
		   
		var animal = new Animal();    
		var cat = new Cat();    
		     
		animal.showName.call(Cat,",");       //Cat
		//animal.showName.apply(Cat,[]);


		/*
			Case：3 实现继承
			Animal.call(this) 的意思就是使用 Animal对象代替this对象，那么 Cat中不就有Animal的所有属性和方法了吗，Cat对象就能够直接调用Animal的方法以及属性了.
		*/
	    function Animal(name){      
	        this.name = name;      
	        this.showName = function(){      
	            alert(this.name);      
	        }      
	    }      
	        
	    function Cat(name){    
	        Animal.call(this, name);    
	    }      
	        
	    var cat = new Cat("Black Cat");     
	    cat.showName();  //Black Cat


	    /*
			Case: 4 多重继承
			很简单，使用两个 call 就实现多重继承了
			当然，js的继承还有其他方法，例如使用原型链，这个不属于本文的范畴，只是在此说明call 的用法。说了call ，当然还有 apply，这两个方法基本上是一个意思，区别在于 call 的第二个参数可以是任意类型，而apply的第二个参数必须是数组，也可以是arguments
			还有 callee，caller..

	    */ 
	    function Class10()  
	    {  
	        this.showSub = function(a,b)  
	        {  
	            alert(a-b);  
	        }  
	    }  
	      
	    function Class11()  
	    {  
	        this.showAdd = function(a,b)  
	        {  
	            alert(a+b);  
	        }  
	    }  
	      
	    function Class2()  
	    {  
	        Class10.call(this);  
	        Class11.call(this);  
	    } 

	    var class2 = new Class2();
	    class2.showSub(5,4);   //1
	    class2.showAdd(5,4);   //9
	

	</script>
</body>
</html>

walkersc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js call()和apply()方法使用

来源URL：http://uule.iteye.com/blog/1158829 demo /* Case：1 这个例子中的意思就是用 add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4); // 注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。 */
复制链接

扫一扫

专栏目录