keywords: this、闭包、apply、call。

• apply、call 有什么作用，什么区别

apply、call用于修改函数的运行上下文，即this。

区别：apply传入的两个参数，第二个以数组形式传入；call传入多个参数，第一个为传入的this，后面的是传入函数的参数。

举例：

Array.prototype.slice.call(this,arg1,arg2,arg3...)

Array.prototype.slice.apply(this,[arg1,arg2,arg3,...])

如果传入的this为null，则this指向window。

代码

• 以下代码输出什么?

var john = { 
  firstName: "John" 
}
function func() { 
  alert(this.firstName + ": hi!")
}
john.sayHi = func
john.sayHi() 

// John: hi!

• 下面代码输出什么，为什么

func() 

function func() { 
  alert(this)
}

//window    func在win中调用，this指向window

• 下面代码输出什么

function fn0(){
    function fn(){
        console.log(this);
    }
    fn();
}

fn0();


document.addEventListener('click', function(e){
    console.log(this);
    setTimeout(function(){
        console.log(this);
    }, 200);
}, false);


//window
//点击document后
//document
//window

• 下面代码输出什么，why

var john = { 
  firstName: "John" 
}

function func() { 
  alert( this.firstName )
}
func.call(john) 

//john  func函数内的this修改为john

• 代码输出？

var john = { 
  firstName: "John",
  surname: "Smith"
}

function func(a, b) { 
  alert( this[a] + ' ' + this[b] )
}
func.call(john, 'firstName', 'surname') 


//John Smith 

• 以下代码有什么问题，如何修改

var module= {
  bind: function(){
    $btn.on('click', function(){
      console.log(this) //this指什么
      this.showMsg();
    })
  },
  
  showMsg: function(){
    console.log('饥人谷');
  }
}

//this.showMsg这里的this指向的是$btn，无法调用showMsg

//修改：
//function(){
//    var that  = this
//    $btn.on('click', function(){
//      console.log(this) 
//      that.showMsg();
//    })
//  }