call apply bind改变this

call,apply,bind之间的区别

三个都是改变上下文this

用法:

var oname="小王",oage=12;

var Aobj = {
    age:this.age,
    name:'小杨',
    Afn:function(from,go){
        console.log(this.name+"有"+this.oage+'岁'+'来自'+from+"去往"+go)
    }
}
//Aobj里面的this指向window Afn里面的this指向Aobj
console.log(Aobj.age)   //12
console.log(Aobj.Afn())  // 小杨有undefined岁来自undefined去往undefined


//改变this指向
var Bobj = {
    name:'阿B',
    age:18,
    oage:20
}
//通过call
Aobj.Afn.call(Bobj) //阿B有20岁来自undefined去往undefined
//通过apply
Aobj.Afn.apply(Bobj) //阿B有20岁来自undefined去往undefined
//通过bind
Aobj.Afn.bind(Bobj) //返回的是Afn方法的副本
Aobj.Afn.bind(Bobj)()  //阿B有20岁来自undefined去往undefined
//由上所知 bind返回的是一个改变了this的新方法,要加()才执行

//传参
Aobj.Afn.call(Bobj,'长沙','西南') //阿B有20岁来自长沙去往西南
Aobj.Afn.apply(Bobj,['北京','西藏']) //阿B有20岁来自北京去往西藏
Aobj.Afn.bind(Bobj,'南城','东北')()  //阿B有20岁来自南城去往东北

//三个方法第一个参数都是改变this的指向,第二个参数有所差别.
//call 传字符串 apply传的是数组 bind也是字符串

//用bind把数组[a,b,c]改为函数所需要的(a,b,c)
//例如Math.max 可以实现得到数组中最大的一项
var arr1 = [8,4,3,2,9];
var max = Math.max.apply(null,arr1);

var arr1 = [8,4,3,2,9];
var min= Math.min.apply(null,arr1);

vararr1=new Array("1","2","3"); 
 vararr2=new Array("4","5","6"); 
Array.prototype.push.apply(arr1,arr2); 
//由上可知道 任何需要(1,2,3)的参数 都可以通过apply把数组转为(1,2,3)