JavaScript 方法

方法（含义同C/C++）

在一个对象中绑定函数，称为这个对象的方法。在一个方法内部，this是一个特殊变量，它始终指向当前对象，也就是xiaoming这个变量。所以，this.birth可以拿到xiaoming的birth属性。

let xiaoming = {
    name: '小明',
    birth: 1990,
    age: function () {
        let y = new Date().getFullYear();
        return y - this.birth;
    }
};

xiaoming.age; // function xiaoming.age()
xiaoming.age(); // 今年调用是25,明年调用就变成26了

概念/用法	说明	代码示例
对象方法	对象中的函数，可以访问对象的属性和方法。	let xiaoming = { name: '小明', birth: 1990, age: function() { return 2024 - this.birth; } };
this关键字	在方法中指向调用它的对象。	xiaoming.age(); // 返回小明的年龄
this的指向	单独调用函数时，this指向全局对象或undefined（strict模式）。	function getAge() { return 2024 - this.birth; }
修复this	使用一个变量捕获this，然后在内部函数中使用。	let xiaoming = { age: function() { let that = this; function getAge() { return 2024 - that.birth; } return getAge(); } };
apply函数	调用函数，显式指定this的值和参数数组。	getAge.apply(xiaoming, []);
call函数	调用函数，显式指定this的值和参数列表。	getAge.call(xiaoming);
装饰器	用自定义函数替换或增强内置函数的行为。	window.parseInt = function() { count++; return oldParseInt.apply(null, arguments); };

JavaScript的函数内部如果调用了this，那么这个this到底指向谁？

答案是，视情况而定！

如果以对象的方法形式调用，比如xiaoming.age()，该函数的this指向被调用的对象，也就是xiaoming，这是符合我们预期的。

如果单独调用函数，比如getAge()，此时，该函数的this指向全局对象，也就是window。

function getAge() {
    let y = new Date().getFullYear();
    return y - this.birth;
}

let xiaoming = {
    name: '小明',
    birth: 1990,
    age: getAge
};

xiaoming.age(); // 25, 正常结果
getAge(); // NaN

// 也是不行的！要保证this指向正确，必须用obj.xxx()的形式调用！
let fn = xiaoming.age; // 先拿到xiaoming的age函数
fn(); // NaN


// 有些时候，喜欢重构的你把方法重构了一下， 结果又报错了！原因是this指针只在age方法的函数内指向xiaoming，在函数内部定义的函数，this又指向undefined了！（在非strict模式下，它重新指向全局对象window！）
'use strict';

let xiaoming = {
    name: '小明',
    birth: 1990,
    age: function () {
        function getAgeFromBirth() {
            let y = new Date().getFullYear();
            return y - this.birth;
        }
        return getAgeFromBirth();
    }
};

xiaoming.age(); // Uncaught TypeError: Cannot read property 'birth' of undefined

// 修复的办法也不是没有，我们用一个that变量首先捕获this，用let that = this，你就可以放心地在方法内部定义其他函数，而不是把所有语句都堆到一个方法中：
'use strict';
let xiaoming = {
    name: '小明',
    birth: 1990,
    age: function () {
        let that = this; // 在方法内部一开始就捕获this
        function getAgeFromBirth() {
            let y = new Date().getFullYear();
            return y - that.birth; // 用that而不是this
        }
        return getAgeFromBirth();
    }
};

xiaoming.age(); // 25

可以控制this的指向

虽然在一个独立的函数调用中，根据是否是strict模式，this指向undefined或window，不过，我们还是可以控制this的指向的！

要指定函数的this指向哪个对象，可以用函数本身的apply方法，它接收两个参数，第一个参数就是需要绑定的this变量，第二个参数是Array，表示函数本身的参数。用apply修复getAg()调用：

function getAge() {
    let y = new Date().getFullYear();
    return y - this.birth;
}

let xiaoming = {
    name: '小明',
    birth: 1990,
    age: getAge
};

xiaoming.age(); // 25
getAge.apply(xiaoming, []); // 25, this指向xiaoming, 参数为空

另一个与apply()类似的方法是call()，唯一区别是：

• apply()把参数打包成Array再传入；
• call()把参数按顺序传入。

比如调用Math.max(3, 5, 4)，分别用apply()和call()实现如下：

Math.max.apply(null, [3, 5, 4]); // 5
Math.max.call(null, 3, 5, 4); // 5
// 对普通函数调用，我们通常把this绑定为null。