区分 this , call ,apply 怎么用。。

区分 this , call ,apply 怎么用。。

1. this 可以分为局部对象和全局对象

@ 第一种情况：函数调用时，函数名前面有对象，这时this指向函数名前面这个对象(局部对象)

var obj = {
    name:"lodash",
    age:13,
    foo:function(){
        console.log(this);
    }
}
obj.foo();//{name:"lodash",age:"13",foo:[Function:foo]}

@ 第二种情况:函数名前面没有对象，这时this指向全局对象（window/global）

var a = 6;
var obj = {name:"bb"};
function foo(){
     console.log(this);//全部属性值
     consoele.log(this.a);//6
     console.log(this.obj);//{name:"bb"}
     console.log(this.foo);//[Function:foo]
}
foo ();

2 . 函数名后面有call/apply,这是this指向传参的第一个参数

var obj = {
    name:"lala",
    age:5,
    foo:function(){
        console.log(this);
    }
}
var obj2 = {
    name:"baba",
    age:"30"
}
obj.foo();//{name:"lala",age:"5"}
obj.foo.call(obj2);//{name:"baba",age:30}
obj.foo.apply(obj2);//{name:"baba",age:30}

3.区分 call 和apply的方法

它们两用法总体差不多，区别在于传参上
call传参是指定对象后面接实参列表
apply传参是指定对象后面接参数数组

var obj ={
    name:"对象1",
    age:15
}
var obj2 = {
    name:"对象2",
    age:22
}
function foo(a,b,c){
    console.log(this,a,b,c);
}
Object.prototype.foo = foo;

foo.call(obj,1,3,4,5);//{name:"对象1",age:15} 1 3 4
foo.apply(obj2,[1,3,4,6]);//{name:"对象2",age:22} 1 3 4