javascript - 需要解释这个 Javascript 代码

Question

<p id="demo"></p>

<script>
function employee(name, jobtitle, born) {
    this.name=name;
    this.jobtitle=jobtitle;
    this.born=born;
}


var fred = new employee("Fred Flintstone", "Caveman", 1970);
document.getElementById("demo").innerHTML = employee.name;
</script>

当我执行这段代码时，我得到的输出是:employee但是，如果我执行 employee.jobtitle 代替 employee.name，例如:
document.getElementById("demo").innerHTML = employee.jobtitle

我得到的输出是:undefined。为什么？

Answer 1

当您请求employee.name 时，您实际上请求的是函数 的名称。现在这似乎是新功能that has appeared in ES6 ，因此虽然这可能适用于已经开始实现 ES6 标准的当前浏览器，但我敢打赌它在 IE8 等较旧的浏览器中不起作用，仅仅是因为它们不支持 ES6。

employee.jobtitle 返回 undefined 的原因是因为没有名为 jobtitle 的原生属性作为 Function.prototype< 的一部分 与 name 不同。

请记住，employee 是一个构造函数，而 fred 是本例中的对象实例。 fred.name 和 fred.jobtitle 将为您提供您所期望的该对象的属性值。