一文带你快速理解JavaScript中call()函数的使用

var name = '小红' 
function foo () { 
    console.log(this.name) //小红 
} 
foo() //直接调用方法指向的就是window

var name = '小红'
var object = {
    name: '李白',
	function foo () {
	  console.log(this.name) //李白
	}
}
object.foo() //object直接调用foo()，this指向object

var name = '小红' 
function foo () { 
    this.name = '小白' 
    console.log(this.name) //小白 
} 
var fn = new foo() //this指向foo()的实例fn

function _add() {  
    console.log(this.test);  
}  
function _sub() {  
    this.test = 222;
    console.log(this.test);  
}  
_add.call(_sub); //输出undefine。这时，_add的this指向_sub，
_sub里的this指向是window，所以_sub本身没有test这个属性

_add.call(new _sub())//输出222。这时，_add的this指向_sub，
_sub里的this指向是_sub实例，可以获取到_sub的test属性，所以输出222

/******************************************************/
function _add() {  
    this.test = 444
    console.log(this.test);  
}  
function _sub() {  
    this.test = 222;
    console.log(this.test);  
}  
_add.call(_sub); //输出444。这时，_sub里的this指向是window，