Javascript OOP-为什么这两个几乎完全相同的语句给出不同的输出

Javascript OOP - Why do these two almost exact same statements give different outputs?

本文关键字：语句 输出 为什么 OOP- 两个 Javascript      更新时间：2024-06-30

所以我对整个"正确"的Javascript编程是个新手。我只真正将它用于简单的DOM操作，并对jQuery有所涉猎。现在我正在尝试学习Javascript编程的全部概念，包括OOP等。我喜欢认为我对JS中的范围有一点了解，但我不能理解：

function Person(name, age){
    this.name = name;
    this.age = age;
    this.getName = function(){
        return name;
    }
    this.setName = function(name){
        this.name = name;
    }
    this.getAge = function(){
        return age;
    }
    this.setAge = function(age){
        this.age = age;
    }
}
p = new Person("Bob", 12);
console.log(p.getName());
console.log(p.getAge());
console.log(name);  //logs "an empty string" - What?
console.log(age);   //logs "ReferenceError: age is not defined" - Expected

在前两个console.log表现良好后，我想检查Person函数中属性的值，以确保没有超出范围。name在某种程度上有（只给出了一个空值，但仍然存在），但年龄没有。

我看不到任何拼写错误，这是我唯一能理解的导致这个问题的原因。那么为什么console.log(name);不给出ReferenceError呢？

尽管我很想知道答案，但我非常感谢对根本问题的全面解释，包括任何关键术语，如原型、词汇范围、提升等。

name标识符存在于浏览器的全局作用域中，它是window的一个属性。

参见window.name。

您根本没有使用原型，最好将函数放在构造函数原型上。有关构造函数函数和原型的更多信息，你可以查看这个答案。

至于为什么不记录年龄；这是因为你试图登录window.age而不是p.age

p = new Person("Bob", 12);
console.log(p.name);
console.log(p.age);
console.log("this is:",this);
console.log("does window have a name property?",typeof this.name);
console.log("does window have an age property?",typeof this.age);
相关文章：