为什么当JS不进行时，为什么DOM面向对象结构？

Question

在DOM（HTML解析文件的js rappresentation）中，我们具有此结构（其中＆lt; 用于“ senasented ”）：

   Object(JS object) < Node < Element < HTMLElment < HTMLBodyElement, HTMLDivElement, etc..
   Object(JS object) < Node < DOcument < HTMLDocument
   ...

所有这些节点均称为接口（ https://develper..mozilla.mozilla.org/en-us/en-us/docs/web/api/ htmlelement ）在我检查的每个文档中。

我不明白JS中的这种情况如何（不是面向对象，没有接口等）？我有C ++的背景，因此也许我将DOM“面向对象”的结构与真实的结构混淆。有澄清吗？

Answer 1

我不明白JS中的可能性如何（不是面向对象，没有接口等）？

在JavaScript中建模DOM的结构没有问题。 JavaScript 非常面向对象，包括支持继承。 javaScript使用原型遗传。例子：

// Create an object with a method
const base = {
    baseMethod() {
        console.log("baseMethod");
    }
};

// Create an object using `base` as its prototype,
// perhaps add a property to it
const sub = Object.assign(Object.create(base), {
    subMethod() {
        console.log("subMethod");
    }
});

// Sub inherits `base`'s properties
sub.baseMethod(); // "baseMethod"

// And has its own
sub.subMethod();  // "subMethod"

JavaScript还覆盖了似乎的原型继承之上的东西，而是class like（不是，它仍然是典型的，但是对于来自基于类的人来说，它更舒适语言）。例如，这是一个三层继承模型（类似于node＆lt; element＆lt; htmlelement）使用class> >语法（但同样，我们也可以在没有class语法的情况下完成所有这些操作）：

class Base {
    baseMethod() {
        console.log("baseMethod");
    }
}

class Sub extends Base {
    subMethod() {
        console.log("subMethod");
    }
}

class SubSub extends Sub {
    subSubMethod() {
        console.log("subSubMethod");
    }
}

const x = new SubSub();
x.baseMethod();                     // "baseMethod"
x.subMethod();                      // "subMethod"
x.subSubMethod();                   // "subSubMethod"
console.log(x instanceof Base);     // true
console.log(x instanceof Sub);      // true
console.log(x instanceof SubSub);   // true
console.log(x instanceof Date);     // false (just to show it's not always true ;-) )

（对象该结构的基础是隐式的。）