javascript - 无法理解函数工作中一行的使用

Question

<script>
function person(firstname,lastname,age,eyecolor)
{
    this.firstname=firstname;
    this.lastname=lastname;
    this.age=age;
    this.eyecolor=eyecolor;

    this.changeName=changeName;

    function changeName(name)
    {
        this.lastname=name;
    }
}
myMother=new person("Sally","Rally",48,"green");
document.writeln(myMother.lastname + " is " + myMother.age + " years old.");

myMother.changeName("Doe");
document.writeln(myMother.lastname);
</script>

这里我首先定义了 changeName() 函数体并使用参数 [myMother.changeName("Doe");] 调用该函数。正如我之前了解到的那样，它应该在被调用时起作用。

但这就是为什么我需要这一行 (this.changeName=changeName)。如果我删除它 document.writeln(myMother.lastname) 此命令不起作用。我不明白为什么会发生这种情况以及为什么使用这一行 (this.changeName=changeName)...

请帮我找出问题所在。由于我是 JavaScript 的初级程序员，请让我知道如何在 JavaScript 中做得更好的过程或方法，或者我应该遵循哪种方法才能使自己成为更好的程序员。谢谢..

Answer 1

为了能够使用点符号(这样你就可以做 myMother.changeName(name) 而不是 changeName(myMother, name))，函数必须设置为对象的属性。 this.changeName = changeName 将函数设置为正在创建的对象的属性。

---

更好的方法是将它设置在原型(prototype)上一次，然后它可用于从 person 构造函数创建的所有对象:

person.prototype.changeName = function (name) {
    this.lastname = name;
}

这样，我们就不必在每次创建新对象时都重新创建函数。