[持续更新]JavaScript学习笔记（四）

1.Call&&apply

这两个方法非常相似。

本节知识点参考

http://www.cnblogs.com/huyong/p/4139875.html

call方法: 

语法：call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 

定义：调用一个对象的一个方法，以另一个对象替换当前对象。 

说明： 

call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 

如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。说明白一点其实就是更改对象的内部指针，即改变对象的this指向的内容。这在面向对象的js编程过程中有时是很有用的。 

apply方法： 

语法：apply([thisObj[,argArray]]) 

定义：应用某一对象的一个方法，用另一个对象替换当前对象。 

说明： 

如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。 

如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。

举个例子：

 

function add(a,b){  
	    alert(a+b);  
	}  

	function sub(a,b){  
	    alert(a-b);  
	}  
	  
	add.call(sub,3,1);

这个例子中的意思就是用 add 来替换 sub，add.call(sub,3,1) == add(3,1) ，所以运行结果为：alert(4); // 注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。

再来看个例子：

 

function qian(){    
	    this.words = "qian";
	    this.say = function(){
	    	alert(this.words);
	    }
	}    
	  
	function hou(){    
	    this.words = "hou";    
	}    
	   
	var qian = new qian();    
	var hou = new hou();    
	       
	qian.say.call(hou); //hou

Call的用法相当于：将call前面的那个参数，放到后面括号里的上下文中去执行。这样，前面的方法中需要的参数，都会调用后面的同名参数。

Call方法还有一个重要的作用，就是用作继承。

Js中继承有两种方法，一种是prototype，一种是call，等下会细讲。

看例子：

 

function father() {
    	this.member = "father";
	    this.method = function() {
	        alert(this.member);
	    }
	}
	function son() {
	    father.call(this);
	    alert(member);//father
	}   

	alert(son.__proto__ === father.__proto__);//true
	alert(son.__proto__ === Function.prototype);//true

首先定义了father

在定义son的时候，将father放到自己的上下文中去，目的就是改变this值，这样father的所有属性都将更换到son中去。

之前将原型链__proto__的时候就说了，定义一个对象的时候，若这个对象是方法，那么他的__proto__指向Funtion.prototype，定义father的时候是这样，定义son的时候也是这样。所以他们在一个原型链上。

还可以实现多重继承

例子：

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 c2 = new Class2();

	c2.showAdd(1,2);//3
	c2.showSub(2,1);//1

这样Class2就继承了class10，class11的方法。