Javascript原型常量声明

Question

我正在使用 RESTful API，我的 Javascript 代码通过 jQuery 的 $.ajax() 调用进行 REST 查询。

我已经实现了一个 javascript Rest 类，我将在下面展示（非常简化）：

var Rest = function (baseUrlPath, errorMessageHandler) {
        ...
    };

// Declare HTTP response codes as constants
Rest.prototype.STATUS_OK = 200;
Rest.prototype.STATUS_BAD_REQUEST = 400;

... // other rest methods 

Rest.prototype.post = function (params) {
        $.ajax({
            type: 'POST',
            url: params.url,
            data: params.data,
            dataType: 'json',
            contentType: 'application/json; charset=utf-8',
            beforeSend: this._authorize,
            success: params.success,
            error: params.error || this._getAjaxErrorHandler(params.errorMessage)
        });
        };

... // more rest methods

Rest.prototype.executeScenario = function (scenarioRef) {
        var self = this;

        this.post({
            url: 'myurlgoeshere',
            data: 'mydatagoeshere',
            success: function (data, textStatus, xhr) {
                if (xhr.status == 200) {
                    console.log("everything went ok");
                }
            },
            error: function (xhr, textStatus, errorMsg) {
                // TODO: constants
                if (404 == xhr.status) {
                    self.errorMessageHandler("The scenario does not exist or is not currently queued");
                } else if (403 == xhr.status) {
                    self.errorMessageHandler("You are not allowed to execute scenario: " + scenarioRef.displayName);
                } else if(423 == xhr.status) {
                    self.errorMessageHandler("Scenario: " + scenarioRef.displayName +  " is already in the queue");
                }
            }
        });
    };

代码按预期工作，但是我决定添加一些常量来帮助美化代码并提高可读性。例如，我的代码中有几个地方正在检查 xhr.status == 200 或 xhr.status == 400 等等。

我可以将类变量声明为Rest.prototype.STATUS_OK = 200;

但是变量是可编辑的，我想不出如何使它们保持不变。例如，在我的代码中，我可以执行this.STATUS_OK = 123;，这将修改变量。我玩过 const 关键字，但没有运气。

我看到了这个：Where to declare class constants?，但这并没有多大帮助。

谁能指出我正确的方向，如何使这些字段成为常量而不是变量？

Answer 1

使用 ECMAScript 5 的 Object.defineProperty 可以使值不可设置：

Object.defineProperty(Rest, "STATUS_OK", {
  enumerable: false,   // optional; if you care about your enumerated keys
  configurable: false,
  writable: false,
  value: 200
});

或者，由于这些是默认值，只需执行以下操作：

Object.defineProperty(Rest, "STATUS_OK", { value: 200 });

这使得Rest.STATUS_OK 在访问时产生200，但它不会响应重新定义它或delete 它的尝试。此外，configurable: false 将阻止任何尝试通过随后的 defineProperty 调用重新定义该属性。

但是，这在 older browsers that don't support ES5's defineProperty（尤其是 IE8 及更低版本）中不起作用。

Answer 2

这在 Javascript 中是不可能的。您可能会做的最好的事情是创建一些类似于闭包的东西：

var StatusCode = (function() {
    var STATUS_OK = 200,
        STATUS_BAD_REQUEST = 400;

    return {
        getOk: function() {
            return STATUS_OK;
        },
        getBadRequest: function() {
            return STATUS_BAD_REQUEST;
        }
    }

});

并像StatusCode.getOk() === 200 一样使用它。这将帮助您无法更改那些“常量”，但又会不利于您的可读性（这可能是基于意见的）。 我只会将这些常量全部大写以将它们标记为常量，尽管它们可以更改。

Answer 3

您可以将状态定义为 getter，但 AFAIK 这在 IE8 和更早版本中不起作用。

var Rest = function (baseUrlPath, errorMessageHandler) {
        this.STATUS_OK = 123; // trying to override.
    };

// Declare HTTP response codes as constants
Rest.prototype = {
    get STATUS_OK(){ return 200; },
    get STATUS_BAD_REQUEST(){ return 400; }
}

var client = new Rest();
console.log( client.STATUS_OK ); // 200!
client.STATUS_OK = 123;
console.log( client.STATUS_OK ); // still 200!

更多关于 getter 和 setter 的信息：http://ejohn.org/blog/javascript-getters-and-setters/

Answer 4

Javascript 对创建不可变常量没有很好的支持。 甚至不推荐使用 const 关键字，因为它在某些浏览器中不起作用。

我认为最好的方法是使用Object.freeze：

Rest.Status = {};
Rest.Status.Ok = "Ok";
Object.freeze(Rest.Status);

Object.freeze 将忽略状态对象中的更改。 举例：

Rest.Status.Ok = "foo";
Rest.Status.Ok; //=> "Ok"

但只能在 ECMAScript 5 或更高版本中工作。

上面我把状态放在了一个Status对象中，我觉得它比prototype更有趣，因为原型更接近实例方法、属性等。 并且 Status 对象看起来像一个枚举。