一、以下代码输出什么?
var john = {
firstName: "John"
}
function func() {
alert(this.firstName + ": hi!")
}
john.sayHi = func
john.sayHi() // 会弹出john：hi！ 因为func赋给了john对象的sayHi属性，
// 执行john.sayHi() 时 是在john对象上调用的，此时的上下文this是john了
二、下面代码输出什么，为什么
func()
function func() {
alert(this)
} //会弹出window ，因为此时函数里的this归根结底是window调用的
三、下面代码输出什么
function fn0(){
function fn(){
console.log(this); //打印结果为 window 因为此时this归根结底是window调用的
}
fn();
}
fn0();
document.addEventListener('click', function(e){
console.log(this); //会打印document 因为这个属于绑定事件类型，
//此时的this指的是事件源DOM对象
setTimeout(function(){
console.log(this); // setTimeout及setInterval里的this均指window
}, 200);
}, false);
四、下面代码输出什么，why
var john = {
firstName: "John"
}
function func() {
alert( this.firstName )
}
func.call(john) //会弹出John ；因此使用call（john）就是把函数执行的上下文及参数John传给
// func 函数，因此此时的this就是John对象，而this.firstName肯定是“John”了
五、代码输出？
var john = {
firstName: "John",
surname: "Smith"
}
function func(a, b) {
alert( this[a] + ' ' + this[b] )
}
func.call(john, 'firstName', 'surname') //会弹出John Smith ，因为
//使用call(john, 'firstName', 'surname') 后 func的执行上下文为john对象，然后它里面的参数a，b
//分别为成为了firstName，surname，func里面也就变成了
//john["firstName"] john["surname"] 因此会弹出John Smith
六、以下代码有什么问题，如何修改
var module= {
bind: function(){
$btn.on('click', function(){
console.log(this) //this指的是$btn源DOM对象
this.showMsg(); //此处应该改为module.showMsg()，不改的话它会在$btn源DOM对象找showMsg()
//会导致this.showMsg is not a function 报错
})
},
showMsg: function(){
console.log('你好');
}
}
七、下面代码输出什么? why
obj = {
go: function() { console.log(this) }
}
obj.go(); //obj 原因是这里是作为对象方法的调用，this指向的是该对象
(obj.go)(); //obj 原因是这里成了立即执行函数，但是还是obj在调用它，因此this还是该对象
(a = obj.go)(); // window 这里相当于把函数赋给了全局变量a，因此执行后this是window
(0 || obj.go)(); // window 原因是(0 || obj.go) 运行结果是函数，此时是window在调用，
//因此执行后this是window
相关基础知识：浅谈javascript中的apply及apply与call和bind区别
**本文版权归本人即简书笔名：该账户已被查封 所有，如需转载请注明出处。谢谢！ *
