共计 1520 个字符，预计需要花费 4 分钟才能阅读完成。
涵义
实质
使用场合
使用注意点
避免多层 this
避免数组处理方法中的 this
避免回调函数中的 this
绑定 this 的方法
Function.prototype.call()
Function.prototype.apply()
Function.prototype.bind()
参考链接
1. 涵义
this 就是属性或方法“当前”所在的对象。
只要函数被赋给另一个变量，this 的指向就会变。
var A = {
name: ‘ 张三 ’,
describe: function () {
return '姓名：'+ this.name;}
};
var name = ‘ 李四 ’;
var f = A.describe;
f() // “ 姓名：李四 ”
上面代码中，A.describe 被赋值给变量 f，内部的 this 就会指向 f 运行时所在的对象（本例是顶层对象）。
再看一个网页编程的例子。
<input type=”text” name=”age” size=3 onChange=”validate(this, 18, 99);”>
<script>
function validate(obj, lowval, hival){
if ((obj.value < lowval) || (obj.value > hival))
console.log('Invalid Value!');}
</script>
上面代码是一个文本输入框，每当用户输入一个值，就会调用 onChange 回调函数，验证这个值是否在指定范围。浏览器会向回调函数传入当前对象，因此 this 就代表传入当前对象（即文本框），然后就可以从 this.value 上面读到用户的输入值。
2. 实质
JavaScript 语言之所以有 this 的设计，跟内存里面的数据结构有关系。
var obj = {foo: 5};
上面的代码将一个对象赋值给变量 obj。JavaScript 引擎会先在内存里面，生成一个对象{foo: 5}，然后把这个对象的内存地址赋值给变量 obj。也就是说，变量 obj 是一个地址（reference）。后面如果要读取 obj.foo，引擎先从 obj 拿到内存地址，然后再从该地址读出原始的对象，返回它的 foo 属性。
2.1 属性结构保存
原始的对象以字典结构保存，每一个属性名都对应一个属性描述对象。举例来说，上面例子的 foo 属性，实际上是以下面的形式保存的。
{
foo: {
[[value]]: 5
[[writable]]: true
[[enumerable]]: true
[[configurable]]: true}
}
注意，foo 属性的值保存在属性描述对象的 value 属性里面。
var obj = {foo: function () {}};
这时，引擎会将函数单独保存在内存中，然后再将函数的地址赋值给 foo 属性的 value 属性。
{
foo: {
[[value]]: 函数的地址
...}
}
2.2 函数的 this
this，它的设计目的就是在函数体内部，指代函数当前的运行环境。
3. 使用场合
（1）全局环境
只要是在全局环境下运行，this 就是指顶层对象 window
（2）构造函数
构造函数中的 this，指的是实例对象
由于 this 指向实例对象，所以在构造函数内部定义 this.p，就相当于定义实例对象有一个 p 属性
（3）对象的方法
如果对象的方法里面包含 this，this 的指向就是方法运行时所在的对象。该方法赋值给另一个对象，就会改变 this 的指向
4. 使用注意点
5. 避免多层 this
6. 避免数组处理方法中的 this
7. 避免回调函数中的 this
8. 绑定 this 的方法
Function.prototype.call()
Function.prototype.apply()
Function.prototype.bind()
9. 参考链接
this.property
