JavaScript方法.pdfVIP

1 / 7 JavaScript 方法 在一个对象中绑定函数，称为这个对象的方法。 在 JavaScript 中，对象的定义是这样的： var xiaoming = { name: 小明, birth: 1990 }; 但是，如果我们给 xiaoming 绑定一个函数，就可以做更多的事情。比如，写个 age()方法，返回 xiaoming 的年龄： var xiaoming = { name: 小明, birth: 1990, age: function () { var y = new Date().getFullYear(); return y - this.birth; } }; xiaoming.age; // function xiaoming.age() xiaoming.age(); // 今年调用是 25,明年调用就变成 26 了 绑定到对象上的函数称为方法，和普通函数也没啥区别，但是它在内部使用了一个 this 关键字，这个东东是什么？ 在一个方法内部，this 是一个特殊变量，它始终指向当前对象，也就是 xiaoming 这个变量。所以，this.birth 可以拿到 xiaoming 的 birth 属性。 让我们拆开写： 2 / 7 function getAge() { var y = new Date().getFullYear(); return y - this.birth; } var xiaoming = { name: 小明, birth: 1990, age: getAge }; xiaoming.age(); // 25, 正常结果 getAge(); // NaN 单独调用函数 getAge()怎么返回了 NaN？请注意，我们已经进入到了 JavaScript 的一个大坑里。 JavaScript 的函数内部如果调用了 this，那么这个 this 到底指向谁？ 答案是，视情况而定！ 如果以对象的方法形式调用，比如 xiaoming.age()，该函数的 this 指向被调用的对象，也就是 xiaoming，这是符合我们预 期的。 如果单独调用函数，比如 getAge()，此时，该函数的 this 指向全局对象，也就是 window。 坑爹啊！ 更坑爹的是，如果这么写： var fn = xiaoming.age; // 先拿到 xiaoming 的 age 函数 fn(); // NaN 3 / 7 也是不行的！要保证 this 指向正确，必须用 obj.xxx()的形式调用！ 由于这是一个巨大的设计错误，要想纠正可没那么简单。ECMA 决定，在 strict 模式下让函数的 this 指向 undefined，因此， 在 strict 模式下，你会得到一个错误： use strict; var xiaoming = { name: 小明, birth: 1990, age: function () { var y = new Date().getFullYear(); return y - this.birth; } }; var fn = xiaoming.age; fn(); // Uncaught TypeError: Cannot read property birth of undefined 这个决定只是让错误及时暴露出来，并没有解决 this 应该指向的正确位置。 有些时候，喜欢重构的你把方法重构了一下： use strict; var xiaoming = { name: 小明, birth: 1990, age: function () { function getAgeFromBirth() { 4 / 7 var y = new Date().getFullYear(); return y - this.birth; } return getAgeFromBirth(); } }; xiaoming.age(); // Uncaught TypeError: Cannot read property birth of undefined 结果又报错了