面对对象（三）this 关键字

涵义
实质
使用场合
使用注意点
避免多层 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