js apply和call

Call和apply只有函数对象才有

obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);

两者作用一致，都是把obj(即this)绑定到thisObj，这时候thisObj具备了obj的属性和方法。或者说thisObj『继承』了obj的属性和方法

唯一区别是apply接受的是数组参数，call接受的是连续参数。

 

function add(j, k){ return j+k; }

function sub(j, k){ return j-k; }

add(5,3); //8

add.call(sub, 5, 3); //8

add.apply(sub, [5, 3]); //8

sub(5, 3); //2

sub.call(add, 5, 3); //2

sub.apply(add, [5, 3]); //2

 

强调： call()函数与Function对象的apply()函数作用相同，只不过call()函数是将Function对象的参数一个个分别传入，apply()函数是将Function对象的参数以一个数组或arguments对象的形式整体传入。

 

 

 

 

 

分析: Person.apply(this,arguments);

this:在创建对象在这个时候代表的是student

arguments:是一个数组,也就是[“qian”,”21”,”一年级”];

                   也就是通俗一点讲就是:用student去执行Person这个类里面的内容,在Person这个类里面存在this.name等之类的语句,这样就将属性创建到了student对象里面

 

var objA={str:'312312321',test:()=>{console.log('write a')}}
undefined
var objB={}

 

objA.test.call(objB);//write a

 

 

 

 

 

 

 

调用原生对象的方法

示例：

var a = {0:1, 1:"yjc", length: 2}; 

a.slice(); //TypeError: a.slice is not a function

Array.prototype.slice.call(a);//[1, "yjc"]

对象a类似array，但不具备array的slice等方法。使用call绑定，这时候就可以调用slice方法。

实现继承

通过call和apply，我们可以实现对象继承。示例：

var Parent = function(){
    this.name = "yjc";
    this.age = 22;
}

var child = {};

console.log(child);//Object {} ,空对象

Parent.call(child);

console.log(child); //Object {name: "yjc", age: 22}

bind的使用

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绑定到全局对象。

 

 

 

从源码角度理解

 

 

 

http://www.cnblogs.com/52fhy/p/5118877.html

 http://www.cnblogs.com/KeenLeung/archive/2012/11/19/2778229.html

 

 http://www.365mini.com/page/javascript-function-call.htm