JSLint 编写引用静态变量的构造函数

Question

我正在用 Javascript（使用 jQuery）编写一个显示类，它可以在加载网页之前实例化。如果调用构造函数时页面尚未准备好，则实例将添加到该类的静态 instances 字段中，该字段会在页面加载时进行迭代：

function MemDisplay(ready_callback) {
    this.readyCallback = ready_callback;
    if (MemDisplay.ready) {
        this.linkToPage();
    } else {
        MemDislay.instances.push(this);
    }
}

//this makes sure that the ready callback can be sent when the page has loaded
MemDisplay.ready = false;
MemDisplay.instances = [];

$(document).ready(function () {
    var i;

    MemDisplay.ready = true;
    for (i = 0; i < MemDisplay.instances.length; i += 1) {
        MemDisplay.instances[i].linkToPage();
    } });

//example truncated for brevity

当我通过 JSLint 运行此操作时，我收到此错误：

第 25 行第 9 字符出现问题： “MemDislay”未定义。

MemDislay.instances.push(this);

我需要在构造函数中引用 MemDisplay.instances，但构造函数是定义 MemDisplay 的地方，所以我很困惑如何在符合 JSLint 指南的情况下完成这项工作。有更好的方法吗？在这种情况下我应该忽略 JSLint 吗？

Answer 1

JSLint 这里实际上是在强调代码中更广泛的问题，但没有明说。

您正在引用一个类（MemDisplay），但从未将其实例化为对象。即，您将类视为已经实例化的对象。

我创建了一个非常简单的相当于您想要实现的目标（也在this JSFiddle

function MyClass(p1, p2){
    this.param1 = p1;   //class member/property - use this to access internally.
    if (this.param1 === 1){ //you might want to consider doing this as part of some setter method
        alert("test");
    }
    this.MyMethod = function(){ //class method/function
        alert("MyMethod Called");
    };
}

var myObj = new MyClass(1,2); //instantiate
alert(myObj.param1); //get value of object member (you can set as well)
myObj.MyMethod(); //call a method

）需要进行一些重组，但是通过预先声明值，您可以让 JSLint 满意。

Answer 2

我的大脑一定是在我睡觉的时候弄清楚了这一点：诀窍是将字段附加到原型上，现在我已经想到了这一点，这似乎很明显，因为这就是定义类方法所必须做的。

以下在 JSLint 中进行检查，并演示了 MyClass 的所有实例之间共享字段（或参见 jsfiddle 上的此代码)：

/*global alert */

function MyClass(name) {
    this.name = name;
    MyClass.prototype.field += 1;
}

MyClass.prototype.field = 0;

MyClass.prototype.myMethod = function () {
    alert(this.name + "'s class's field is " + MyClass.prototype.field);
};

var myObj = new MyClass("first");
myObj.myMethod();

var myOtherObj = new MyClass("second");
myObj.myMethod();
myOtherObj.myMethod();

我不确定是否有更好的方法来做到这一点，因为到处都有“原型”感觉有点过分，但另一方面它可能是一件好事，因为它使原型变得清晰。字段不属于该实例。