js基础-this的指向

this 是什么？
　　JavaScript this 关键词指的是它所属的对象。

它拥有不同的值，具体取决于它的使用位置：

• 在方法中，this 指的是拥有者对象。
• 单独的情况下，this 指的是全局对象。
• 在函数中，this 指的是全局对象。
• 在函数中，严格模式下，this 是 undefined。
• 在事件中，this 指的是接收事件的元素。
• 像 call() 和 apply()以及bind()这样的方法可以将 this 引用到任何对象。

简言之：this的指向具有不确定性， this在执行时才能确认,定义时无法确认

示例：

• 作为构造函数执行 【指向当前对象】

    function Foo(name){
        this.name = name;
        console.log(this);
      }
      var f = new Foo('tml');//指向当前对象

结果：

 

• 作为对象属性执行  【指向当前对象】

      var obj = {
        name:'A',
        printA:function(){
          console.log(this) //指向当前对象
        }
      }
      obj.printA();  

结果：

 

• 作为普通函数执行  【指向window】

 function fn(){
     console.log(this) //Window
 }
 fn()

结果：

 

• 在call apply bind中执行 【指向指定的对象】

function fn1(name,age){
    console.log(this);
}
fn1.call({x:100},'zhang','20');//this指向{x:100}
fn1.apply({y:200},['tml','20']);//this指向{y:200}

　　用bind改变this指向，且只能使用表达式创建方法来实现

var fn2 = function(name,age){
    console.log(this);
}.bind({z:200})  //this指向{z:200}

• 在事件中执行 【指向当前元素】

    var o = document.getElementById('btn');
    o.addEventListener('click',function(){
        console.log(this);
    })

结果：

 

•  在严格模式下执行

this将保持他进入执行环境时的值，如果 this 没有被执行环境（execution context）定义，那它将保持为 undefined。

function f2(){
  "use strict"; // 这里是严格模式
  console.log(this);
}
f2(); //结果为undefined