Object.getPrototypeOf() 混淆

Object.getPrototypeOf(obj) 如何工作？

根据定义，Object.getPrototypeOf(obj) 应该返回对象的原型属性，或者以其他方式与 obj.constructor.prototype 相同。

用 new 创建的对象使用其构造函数的原型属性的值作为其原型。

让我们举个例子：

>element = document.getElementById("test")

>a = Object.getPrototypeOf(element)
HTMLDivElement

假设 HTMLDivElement 是元素的原型。

>a.constructor.prototype
HTMLDivElement

所以 a.constructor.prototype 是 HTMLDivElement 所以 Object.getPrototypeOf(a) 应该返回 HTMLDivElement 但它返回 HTMLElement。我完全对 getPrototypeOf() 的定义感到困惑。

>b = Object.getPrototypeOf(a)

HTMLElement ----> 为什么？ a.constructor.prototype 是 HTMLDivElement

其实正在回归proto原型的属性，按照 getPrototypeOf() 的定义是不是错误？

>a.constructor.prototype.__proto__
 HTMLElement

引用自https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Inheritance_Revisited https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Inheritance_Revisited

对于来自 Java 或 C++ 的开发人员来说，JavaScript 有点令人困惑， 因为它都是动态的、都是运行时的，而且根本没有类。它是 所有只是实例（对象）。甚至我们模拟的“类”也只是 一个函数对象。

请注意，原型也是一个对象，因此它也可以拥有自己独特的原型

所以让你感到困惑的代码看起来像这样

a = Object.getPrototypeOf(element)
b = Object.getPrototypeOf(a)

可以翻译成这样

a = element.__proto__
b = element.__ptoto__.__proto__ 

我想现在已经很清楚了a != b

1) 每个object在 JavaScript 中有原型，您可以通过以下方式访问它__proto__财产

2) Function也是一个object在 JavaScript 中

3）函数还有一个prototype财产

4) We can通过使用关键字调用函数来在 JavaScript 中创建对象new

4) 功能prototype is the initial __proto__对于任何物体由他们创造的

要创建新对象，我们可以这样写

//here we define a function
function SomeFunctionThatCreateObject() {
    this.someStringProperty = "blablabla";
} 

var obj = new SomeFunctionThatCreateObject(); //we create new object with function

var p = Object.getPrototypeOf(obj);

这段代码等于这个

var SomeFunctionThatCreateObject = function(@this) {
    @this.someStringProperty = "blablabla";
    return @this;
};

SomeFunctionThatCreateObject.prototype = {}; //note that prototype is also an object

var obj = {};

obj = SomeFunctionThatCreateObject(obj);

obj.constructor = SomeFunctionThatCreateObject;

obj.__proto__ = SomeFunctionThatCreateObject.prototype;

var p = obj.__proto__;

PS：也读一下这个https://stackoverflow.com/a/9220317/474290 https://stackoverflow.com/a/9220317/474290和这个https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Inheritance_Revisited https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Inheritance_Revisited