一、以下代码输出什么?

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区别

**本文版权归本人即简书笔名：该账户已被查封 所有，如需转载请注明出处。谢谢！ *