JS方法

JS方法

• 一个对象中绑定函数，就称为该对象的方法

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

xiaoming.age; // function xiaoming.age
xiaoming.age(); // 调用age方法 28

• 绑定到对象的函数统称为方法，和普通函数一样
• 方法内部this是一个特殊变量，它是指向当前对象的指针

// 拆开写
function getAge() {
    var y = new Date().getFullYear();
    return y - this.birth;
}

var xiaoming = {
    name: "小明",
    birth: 1990,
    age: getAge
};

xiaoming.age(); // 25 right result
getAge(); // NaN

• js中shis的指向视情况而定
  • 如果以对象的方法形式调用，xiaoming.age()，该函数的this指向被调用的对象
  • 如果单独调用，则该函数this指向的是全局对象，即window
  • 要保证this指向正确，必须用obj.xxx()形式调用
  • 这是一个巨大的设计错误，strict模式下让函数this指向undefined，会把错误及时暴露出来，可以提前纠正

// 重构一下
var xiaoming = {
    name: "小明",
    birth: 1990,
    age: function () {
        function getAgeFromBirth() {
            var y = new Date().getFullYear();
            return y - this.birth;
        }
        return getAgeFromBirth();
    }
};
xiaoming.age();// Uncaught TypeError: Can not read property 'birth' of undefined

• this指针只在age方法直接函数内指向xiaoming，
  函数内部定义的函数，this又指向undefined，可以让that捕获this来解决

var xiaoming = {
    name: "小明",
    birth: 1990,
    age: function () {
        var that = this;
        function getAgeFromBirth() {
            var y = new Date().getFullYear();
            return y - that.birth;
        }
        return getAgeFromBirth();
    }
};
xiaoming.age();// 28

apply and call

• 可以用来改变this的指向
• 接收两个参数，第一个参数就是需要绑定的this变量对象，第二个表示函数本身的参数

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

var xiaoming = {
    name: "小明",
    birth: 1990,
    age: getAge
};
xiaoming.age(); // 28
getAge.apply(xiaoming, []); // 28

• call与apply类似，区别是
  • apply()把参数打包成Array
  • call() 把参数顺序传入