javascript - 在命名空间内设置标准 JavaScript 原型(prototype)继承？

Question

JavaScript 中的标准原型(prototype)继承如下:

function Animal() {
    this.legs = 0;
}
Animal.prototype.move = function () {
    alert("I'm moving!");
}

Bird.prototype = new Animal();
Bird.prototype.constructor = Bird;
function Bird() {
    this.legs = 2;
    this.wings = 2;
}
Bird.prototype.move = function () {
    alert("I'm flying!");
}

Bird 的函数定义是否必须在分配 Bird 的原型(prototype)和构造函数之后。我问这个是因为我试图从命名空间内执行此操作，而变量提升导致我的代码失败。举个例子:

var namespace = {};
namespace.Animal = function () {
    this.legs = 0;
};
namespace.Animal.prototype.move = function () {
    alert("I'm moving!");
};

namespace.Bird.prototype = new namespace.Animal();
namespace.Bird.prototype.constructor = namespace.Bird;
namespace.Bird = function () {
    this.legs = 2;
    this.wings = 2;
};
namespace.Bird.prototype.move = function () {
    alert("I'm flying!");
};

由于提升了 namespace.Bird.prototype 赋值语句和 namespace.Bird.prototype.constructor 赋值语句失败。但是，如果我将 namespace.Bird 函数赋值移动到这两行之上，如下面的代码块所示，代码似乎可以工作。

namespace.Bird = function () {
    this.legs = 2;
    this.wings = 2;
};
namespace.Bird.prototype = new namespace.Animal();
namespace.Bird.prototype.constructor = namespace.Bird;

但是，我不知道是否有特定原因为什么大多数资源显示原始顺序而不是首先分配功能。

有人可以澄清一下吗？

谢谢!

Answer 1

原因与函数的解析时可用性和函数的运行时可用性有关。

例如:

var afunc = asdf;
function asdf(){} 

是相同的

function asdf(){} 
var afunc = asdf;

但，

var afunc = asdf;
var asdf = function(){};

不一样

var asdf = function(){};
var afunc = asdf;

这样做有意义吗？

另外，这个问题的答案可能会帮助你

var functionName = function() {} vs function functionName() {}