由于我们真的很想让this.data指向user对象的data属性，我们可以使用Bind/ Apply/ Call等方法来强制改变this所指向的对象。本系列的其它篇目将专门对Bind/ Apply/ Call进行讲解，文中介绍了如何在不同的情况强制改变this的值的方法。与其在本文大篇幅讨论，我强烈建议大家直接去读另外的篇目（译者注：晚些时候放出这里所说的“其它篇目”）。
为了解决前面代码中的问题，我们可以使用bind方法。
针对下面这行代码：
$ ("button").click (user.clickHandler);
我们可以用bind方法把clickHandler绑定的user对象上：
$("button").click (user.clickHandler.bind (user)); // P. Mickelson 43
2.闭包中的this
在内部方法中，或者说闭包中使用this，是另一个很容易被误解的例子。我们必须注意的是，内部方法不能直接通过使用this关键字来访问外部方法的this变量，因为this变量 只能被特定的方法本身使用。例如：
var user = { tournament: "The Masters", data: [{ name: "T. Woods", age: 37 }, { name: "P. Mickelson", age: 43 }], clickHandler: function() { //在里用this.data没有太大问题，因为this指向的是user对象，data是user的一个属性 this.data.forEach(function(person) { //但是在这个匿名方法（作为参数被传进forEach方法的这个方法）里，this不再指向user对象 //内部方法无法访问外部方法的this console.log("What is This referring to? " + this); //输出结果为：[object Window] console.log(person.name + " is playing at " + this.tournament); // T. Woods is playing at undefined // P. Mickelson is playing at undefined }) } } user.clickHandler(); // What is "this" referring to? [object Window]
因为匿名方法中的this不能访问外部方法的this，所以在非严格模式下，this指向了全局的window对象
解决方案：
在进入forEach方法之前，额外使用一个变量来引用this。
var user = { tournament: "The Masters", data: [{ name: "T. Woods", age: 37 }, { name: "P. Mickelson", age: 43 }], clickHandler: function(event) { //为了捕获this指向user对象时的值，我们把它赋值给另外一个变量theUserObj，后面我们可以使用theUserObj var theUserObj = this; this.data.forEach(function(person) { //现在我们不用this.tournament了，我们用theUserObj.tournament console.log(person.name + " is playing at " + theUserObj.tournament); }) } } user.clickHandler(); // T. Woods is playing at The Masters // P. Mickelson is playing at The Masters
正如下面的代码，很多JS开发人员喜欢使用变量that来设置this的值。但我个人不太喜欢用that这个名字，我喜欢使用让人一眼就能看懂this到底指向谁的那种名字，所以上面的代码中我使用了theUserObj = this。
// 这句代码对大多数JS开发人员来说再常见不过了 var that = this;
3.方法被赋值给某个变量
this关键字有时候很调皮，如果我们把一个使用了this关键字的方法赋值给一个变量，我们来看会有什么有趣的事发生：
// data变量是一个全局变量 var data = [{ name: "Samantha", age: 12 }, { name: "Alexis", age: 14 }]; var user = { // 而这里的data是user的一个属性 data: [{ name: "T. Woods", age: 37 }, { name: "P. Mickelson", age: 43 }], showData: function(event) { var randomNum = ((Math.random() * 2 | 0) + 1) - 1; // 随机生成1或0 //这句话会从数组data里随机显示人名和岁数 console.log(this.data[randomNum].name + " " + this.data[randomNum].age); } } // 把user.showData方法赋值给变量 showUserData var showUserData = user.showData; //执行showUserData方法，结果将 来自全局的data数组而非user对象的data属性 showUserData(); // Samantha 12 (来自全局变量data) //解决方案：通过使用bind方法来显式设置this的值 //把showData方法绑定到user对象上 var showUserData = user.showData.bind(user); //现在结果将来自user对象，因为this关键字已经被强制绑定到user对象上了 showUserData(); // P. Mickelson 43
4.借用方法带来的问题
JS开发中，借用方法（borrowing methods）很常见。
我们来看下面的代码：
//下面代码中有两个对象。其中一个定义了avg方法，另一个不包含avg的定义。我们用另一个对象来借用前一对象的avg方法。 var gameController = { scores: [20, 34, 55, 46, 77], avgScore: null, players: [{ name: "Tommy", playerID: 987, age: 23 }, { name: "Pau", playerID: 87, age: 33 }] } var appController = { scores: [900, 845, 809, 950], avgScore: null, avg: function() { var sumOfScores = this.scores.reduce(function(prev, cur, index, array) { return prev + cur; }); this.avgScore = sumOfScores / this.scores.length; } } //如果执行下面的代码，gameController.avgScore属性的实际取值将由appController的scores而来 //不要执行下面的代码，我们只是为了对这种情况进行说明。实际上我们想让appController.avgScore仍然为null。 gameController.avgScore = appController.avg();