使用调用方法引用对象中的属性-JavaScript

Question

我有以下对象：

myObject = {
    color: "yellow",
    age: 23,
    nationality: "usa",
    getAge: function(){
        var age = 33;
        alert(age);
    }
}

我可以调用getAge()方法

myObject.getAge();

我将在弹出窗口中得到33。

我想通过更改此引用的对象在警报框中获取23。 我在想类似以下的东西

myObject.getAge.call(this);

我的理解是，通过将本该呼叫方法，我改变这在参考getAge()方法到的myObject ，然后应该允许警告框返回23 Unfortuntaely，结果仍然是33。

如何将此引用更改为myObject引用？

Answer 1

myObject = {
    color: "yellow",
    age: 23,
    nationality: "usa",
    getAge: function(){
        alert(this.age);
    }
}
myObject.getAge();

使用构造函数可能会更好，因为它在那里被搞乱了。 查看如何在SO任何其他答案this工作。

function person(){
    this.color = "yellow";
    this.age = 23;
    this.nationality = "usa";
}
person.prototype.getAge = function(){
    alert(this.age);
};

var p = new person();
p.getAge();

Answer 2

为什么不简单地：

myObject = {
    color: "yellow",
    age: 23,
    nationality: "usa"
}
myObject.getAge = function() { return myObject.age; };

Answer 3

您可以这样做：

function getAge(){
  alert(this.age)
}

myObject = {
    color: "yellow",
    age: 23,
    nationality: "usa"
}

getAge(myObject) // Alerts undefined

getAge.call(myObject) // Alerts 23

这样，您可以使用所有具有age属性的对象。

这是一个有效的小提琴 ，也请检查浏览器控制台