关于this

• apply、call 有什么作用，什么区别
  • apply()方法可以在设置指定的this值和参数的情况下调用某个函数，参数以数组或类数组对象的形式存在
• call()方法可以在设置指定的this值和一个或若干指定的参数即参数列表的前提下调用某个函数
• call和apply的作用一样，不同之处是参数的形式不同，call接收参数列表，apply则接收参数数组

代码

1.以下代码输出什么

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

输出：John:hi!
2.下面代码输出什么，为什么

func() 
function func() { 
  alert(this)
}

输出:window 因为该函数的执行环境是全局环境window
3.下面代码输出什么

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 window
4.下面代码输出什么，why

var john = { 
  firstName: "John" 
}
function func() { 
  alert( this.firstName )
}
func.call(john) 

输出：John 因为函数实例func调用call方法，指定函数func内部的this指向john对象。
5.代码输出？

var john = { 
  firstName: "John",
  surname: "Smith"
}
function func(a, b) { 
  alert( this[a] + ' ' + this[b] )
}
func.call(john, 'firstName', 'surname') 

输出：John Smith
6.以下代码有什么问题，如何修改

var module= {
  bind: function(){
  //改成var that=this即可
    $btn.on('click', function(){
      console.log(this) //this指什么,此处this指的是$btn,$btn没有showMsg属性，会报错，不符合题意想要表示的是module
      this.showMsg();
    })
  },
  showMsg: function(){
    console.log('饥人谷');
  }
}

修改后：

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

版权声明：本教程版权归本人与饥人谷所有，转载需说明来源