三.js继承模式

Question

我想知道为什么three.js的代码是这样的结构：

THREE.Camera = function(){
    THREE.Object3D.call(this);
    //add more Camera specific properties and methods
}

THREE.Camera.prototype = new THREE.Object3D();
THREE.Camera.prototype.constructor = THREE.Camera;

THREE.Camera.prototype.//add more camera specific methods...

我想知道他们为什么在当前构造函数和原型中调用基构造函数？

在 MDN 中，他们展示了这样的模式：

subType = function(){
    //new properties for subType
}

subType.prototype = new baseType();

他们在 subType 构造函数中没有对基构造函数的调用，那为什么 THREE.js 会这样做呢？

Answer 1

由于每个THREE.Object3D实例都继承自THREE.Object3D.prototype，通过这种方式设置THREE.Camera.prototype，每个THREE.Camera实例也将继承自THREE.Object3D.prototype。

如果您不这样做，THREE.Camera 实例将不会继承分配给 THREE.Object3D.prototype 的任何属性。

所以，这两部分都很重要：

• 通过适当地设置THREE.Camera.prototype，新实例将从THREE.Object3D.prototype继承，并且这些属性共享所有实例。

• 通过调用“父”构造函数，您正在使用实例特定数据初始化每个实例。

---

也就是说，这样设置原型并不是最好的方法。如果THREE.Object3D 期望没有这些参数，构造函数将无法工作怎么办？

更好的方法是创建一个继承自 THREE.Object3D.prototype 的空对象，因为这就是您所需要的：

THREE.Camera.prototype = Object.create(THREE.Object3D.prototype);
THREE.Camera.prototype.constructor = THREE.Camera;

参考：Object.create