Question

我正在阅读Javascript原型属性如何与继承一起工作，然后开始查看Angular.js代码并提出了一些问题。

首先，我读到了prototype属性指向一个具有＆＃34;构造函数的对象＆＃34;指向用于创建对象的原始函数的属性。例如：

// This is the constructor
function Shape() {
    this.position = 1;
}

// The constructor points back to the original function we defined
Shape.protoype.constructor == Shape;

原型还包含我们或Javascript语言本身定义的任何其他方法或属性，这些方法或属性由对象的所有实例共享。如果你想让一个名为Square的对象继承自Shape，你需要设置Square的原型等于一个新的Shape实例，因为Square.prototype的内部[[prototype]]属性被设置为公共对象的值。 Shape.prototype属性。

function Square() {}
Square.prototype = new Shape();
var square = new Square();
square.position; // This will output 1

这对我来说都很有意义。

然而，我有一个问题的Angular.js代码似乎与所有这些相关，但做了一些我不明白的事情。它似乎没有处理继承，所以我可以理解为什么会有差异，但我只是好奇为什么他们按照他们的方式编写它。

在Angular.js中，有一个HashMap对象和一个Lexer对象，但它们的定义不同，但似乎是以相同的方式实例化和使用。首先定义Lexer构造函数，然后将原型设置为包含应由Lexer的所有实例共享的方法的对象文字。这一切都有道理。我不明白的是他们为什么要指定＆＃34;构造函数＆＃34;财产并将其设置为＆＃34; Lexer＆＃34;当他们不在下面的HashMap时。

var Lexer = function(options) {
    this.options = options;
};

// Notice they specify Lexer as the constructor even though they don't for HashMap below
Lexer.prototype = {
    constructor: Lexer,
    lex: function(text) { ... },
    is: function(ch, chars) { ... },
    peek: function(i) { ... },
    isNumber: function(ch) { ... },
    isWhitespace: function(ch) { ... },
    isIdent: function(ch) { ... },
    isExpOperator: function(ch) { ... },
    throwError: function(error, start, end) { ... },
    readNumber: function() { ... },
    readIdent: function() { ... },
    readString: function(quote) { ... }
};

然后，如果你看一下HashMap代码，他们会做同样的事情，除了他们没有指定构造函数属性。为什么是这样？它似乎完全相同，我测试过构造函数仍然被调用。

// The HashMap Constructor
function HashMap(array, isolatedUid) {
    if (isolatedUid) {
        var uid = 0;
        this.nextUid = function() {
            return ++uid;
        };
    }
    forEach(array, this.put, this);
}

HashMap.prototype = {
    put: function(key, value) { ... },
    get: function(key) { ... },
    remove: function(key) { ... }
};

当没有继承时，构造函数属性是可选的，所以也许有一个人编写了Lexer而另一个人编写了HashMap，并决定指定构造函数？

Answer 1

默认情况下，每个原型都有一个constructor属性，该属性引用它所属的函数＆＃34;到。

＆＃13;

function A() {
}

console.log(A.prototype.constructor === A); // true

＆＃13;

如果使用对象文字或其他一些构造的原型完全覆盖原型，则此constructor值将被删除并保持未定义或具有其他值。

＆＃13;

function A() {
}
A.prototype = {
    greeting: "Hello!"
};

console.log(A.prototype.constructor === A); // false

＆＃13;

为了使构造函数正常运行，不需要原型constructor属性，但为了保持一致性，人们通常会将prototype.constructor重新分配回其初始值，并且这样做你在Lexer看到了什么。

考虑：

＆＃13;

function A() {
}

function B() {
}

B.prototype = Object.create(A.prototype);

var b = new B();

console.log(b.constructor === A); // true
console.log(b.constructor === B); // false

B.prototype.constructor = B;

console.log(b.constructor === A); // false
console.log(b.constructor === B); // true

＆＃13;

人们只能推测为什么HashMap被遗漏了。我怀疑这是出于任何好的理由，可能只是一个疏忽。

为什么要将Something分配给Something.prototype.constructor？

1 个答案: