this 指针及作用域 快速理解

this 指针

对象方法中的 this

在对象方法中， this 指向调用它所在方法的对象；

// 创建一个对象
var person = {
  firstName: "John",
  lastName : "Doe",
  id     : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName; // John Doe
  }
};

这里，this 指向了 person 对象；
因为 person 对象是 fullName 方法的所有者；

单独使用 this

单独使用 this，则它指向全局(Global)对象；
严格模式下，如果单独使用，this 也是指向全局(Global)对象；
在浏览器中，window 就是该全局对象为 [object Window]；

var x = this;

这里，this 指向了 window 对象

函数中使用 this

在函数中，
默认情况下：函数的所属者默认绑定到 this 上，this 指向全局对象；
严格模式下：函数是没有绑定到 this 上的，这时候 this 是 undefined；

function myFunction() {
  return this;
  // 默认情况下，this 表示 myFunction 函数的所有者, [object Window]
  // 严格模式下，this 为 undefined
}

这里，
默认情况下，this 表示 myFunction 函数的所有者；
严格模式下，this 为 undefined，因为严格模式下不允许默认绑定；

事件中的 this

在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素；

<button onclick="this.style.display='none'">点我后我就消失了</button>

显式函数绑定

在 JavaScript 中函数也是对象，对象则有方法，apply 和 call 就是函数对象的方法。这两个方法异常强大，他们允许切换函数执行的上下文环境（context），即 this 绑定的对象。

在下面实例中，当我们使用 person2 作为参数来调用 person1.fullName 方法时, this 将指向 person2, 即便它是 person1 的方法：

var person1 = {
  fullName: function() {
    return this.firstName + " " + this.lastName; // John Doe
  }
}
var person2 = {
  firstName:"John",
  lastName: "Doe",
}
var x = person1.fullName.call(person2); 

这里，this 指向了 person2，即便它是 person1 的方法

总结

1. 在对象方法中， this 指向调用它所在方法的对象。
2. 单独使用 this，它指向全局(Global)对象。
3. 函数使用中，this 指向函数的所属者。
4. 严格模式下函数是没有绑定到 this 上，这时候 this 是 undefined。
5. 在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素。
6. apply 和 call 允许切换函数执行的上下文环境（context），即 this 绑定的对象，可以将 this 引用到任何对象。

JavaScript 作用域

理解

作用域是可访问变量，对象，函数的集合（对象和函数同样也是变量）

局部作用域

• 变量若在函数内声明，为局部作用域下的局部变量；
• 局部变量只作用于函数内，只能在函数内部访问；
• 不同的函数可以使用相同名称的变量；
• 局部变量在函数开始执行时创建，函数执行完后局部变量会自动销毁。

全局变量

• 变量在函数外定义，即为全局变量。
• 全局变量有全局作用域: 网页中所有脚本和函数均可使用。

变量生命周期

	初始化	销毁
局部变量	声明时	函数执行完毕后
全局变量	声明时	页面关闭后