JavaScript方法.pdf
文本预览下载声明
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
结果又报错了
显示全部