日期:2014-05-16  浏览次数:20488 次

理解JS call apply
call([thisObj[,arg1[, arg2[, [,.argN]]]]])

有两种使用call的方式,
第一:obj1.method1.call(obj2,argument1,argument2)
这里的call的作用就是把obj1的方法method放到obj2上,然后执行这个方法,后面的argument1..这些做为参数传入。
比如
function Class1() 
{ 
    this.name = "class1"; 

    this.showNam = function() 
    { 
        alert(this.name); 
    } 
} 

function Class2() 
{ 
    this.name = "class2"; 
} 

var c1 = new Class1(); 
var c2 = new Class2(); 

c1.showNam.call(c2); 
弹出class2

第二种方式:
Class1.call(Class2) ,意思就是使用 Class1 对象代替Class2对象中已经定义的同名属性,注意,这里是会用Class1中的属性和方法去覆盖Class2中已经出现的同名属性,如果这个属性或是方法在call方法之后出现,那么也会替代刚刚Class1中的属性和方法。比如


<script>
function Class1() 
{ 	var test = "yellow";
    this.showTxt = function(txt) 
    { 
        alert(test); 
    } 
} 

function Class2() 
{ 
	
    Class1.call(this); 
	
	 this.showTxt = function() 
    { 	
        alert("test"); 
    } 
	
} 

var c2 = new Class2(); 

c2.showTxt("cc"); 

</script>
这里就是输出test

这个第二种方式就是JS中继承的一种方式
Class1.call(Class2) Class2就继承了Class1.
但是这种继承是否就跟prototype 一样呢?
答案是否定的
来看一个http://cxy020.iteye.com/blog/1027254中的例子

<script>
function ClassA(c) {
	this.color = c;
}
ClassA.prototype.sayColor = function () {
	alert(this.color);
};
function ClassB(c, n) {
	ClassA.call(this, c);
	this.name = n;
}

var objB = new ClassB("red", "cxy");
objB.sayColor();	//运行报错 不存在这个方法
</script>

这里说明什么?就是他并没有继承A的prototype属性,B之所以没有继承A的prototype属性是由于A类并没有创建一个实例。一个类的prototype对象的属性必须需要实例化后才能拥有。

如果我们要是B继承A的prototype属性 ,只要ClassB.prototype = new ClassA();就可以了

如下:
<script>
function ClassA(c) {
	this.color = c;
}
ClassA.prototype.sayColor = function () {
	alert(this.color);
};
function ClassB(c, n) {
	ClassA.call(this, c);
	this.name = n;
}
ClassB.prototype = new ClassA();
ClassB.prototype.sayName = function () {
	alert(this.name);
};

var objA = new ClassA("blue");
var objB = new ClassB("red", "cxy");
objA.sayColor();	//输出 "blue"
objB.sayColor();	//输出 "red"
objB.sayName();	//输出 "cxy"

</script>