call和apply及bind应用

call 的第二个参数可以是任意类型，而apply的第二个参数必须是数组，也可以是arguments

应用：

实现继承

1. function Animal(name){      
2.     this.name = name;      
3.     this.showName = function(){      
4.         alert(this.name);      
5.     }      
6. }      
7.     
8. function Cat(name){    
9.     Animal.call(this, name);    
10. }      
11.     
12. var cat = new Cat("Black Cat");     
13. cat.showName(); 

实现多重继承

1. function Class10()  
2. {  
3.     this.showSub = function(a,b)  
4.     {  
5.         alert(a-b);  
6.     }  
7. }  
8.   
9. function Class11()  
10. {  
11.     this.showAdd = function(a,b)  
12.     {  
13.         alert(a+b);  
14.     }  
15. }  
16.   
17. function Class2()  
18. {  
19.     Class10.call(this);  
20.     Class11.call(this);  
21. }  

将类数组转换成数组

var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));

判断一个变量的类型

Object.prototype.toString.call(a); // 输出为： "[object Object]" 

arguments 转换为数组

// 返回的是数组，但是arguments本身保持不变

var arg = [].slice.call(arguments);

借用别人的方法 

var foo = {
    name: 'joker',
    showName: function() {
	console.log(this.name);
    }
}
var bar = {
    name: 'rose'
}
foo.showName.call(bar);

获取数组中的最大值和最小值

?

1 2 3

var numbers = [5, 458 , 120 , -215 ]; var maxInNumbers = Math.max.apply(Math, numbers), //458 maxInNumbers = Math.max.call(Math,5, 458 , 120 , -215); //458

number 本身没有 max 方法，但是 Math 有，我们就可以借助 call 或者 apply 使用其方法

区别

当你的参数是明确知道数量时，用 call，而不确定的时候，用 apply，然后把参数 push 进数组传递进去。当参数数量不确定时，函数内部也可以通过 arguments 这个数组来便利所有的参数。

bind的作用是【引用】，这个时候你打开浏览器控制台不会有输出。你点击a 标签的后，才会有输出，点一次，输出一次。

obj.bind(thisObj, arg1, arg2, ...);

把obj绑定到thisObj，这时候thisObj具备了obj的属性和方法。与call和apply不同的是，bind绑定后不会立即执行。

同样是add()和sub()：

add.bind(sub, 5, 3); //不再返回8
add.bind(sub, 5, 3)(); //8

如果bind的第一个参数是null或者undefined，等于将this绑定到全局对象。