javascript - 对javascript中的原型(prototype)感到困惑

Question

var y=function(){
    return new y.prototype.greeting();
}
y.prototype={
    greeting:function(){
        alert("hello world");
    }
}

new y();

上面的代码会提示("hello world");

但是如果我删除 .prototype 并将该行更改为 return new y.greeting();

会发生错误:

undefined is not a function

var y=function(){
    return new y.greeting();
}
y.prototype={
    greeting:function(){
        alert("hello world");
    }
}

new y();

为什么这里没有prototype就不能调用greeting方法？

非常感谢

Answer 1

y 是一个函数，[[Prototype]] 是 Function - 所以当你要求解释器查找 y.greeting，它首先查看 y 本身，然后检查 Function.prototype，然后检查 Object.prototype.

当您创建 new y 时，y 的prototype 属性将设置在对象上被 build 。所以如果你执行 new (new y()).greetings() 那么你会得到你的 alert。

另一种思考方式是构造函数的 prototype 属性是将通过调用 new constructor< 创建的任何子对象的 prototype/。构造函数的实际内部 [[Prototype]] 将始终基于它构造的任何内容。

你可以在我下面放在一起的例子中看到这一点。 Object.getPrototypeOf 将返回内部的 [[Prototype]] 属性，因此我们可以看到实际发生了什么:

> var test = function() {}
> Object.getPrototypeOf(test)
function Empty() {}

// Setting the prototype property
// does not change the [[Prototype]] of test
> test.prototype = {x: 1}
> Object.getPrototypeOf(test)
function Empty() {}

// But it *does* change the prototype of
// objects *created by* test.
> var x = new test
> Object.getPrototypeOf(x)
Object {x: 1}