8

我正在使用 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;

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

我已经看到了：在哪里声明类常量？，但这并没有太大帮助。

有人可以指出我如何使这些字段成为常量文字而不是变量的正确方向吗？

4

4 回答 4

13

使用 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调用重新定义属性。

但是，这在不支持 ES5 的旧浏览器defineProperty（尤其是 IE8 及更低版本）中不起作用。

于 2013-07-25T13:36:29.383 回答
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。这将帮助您无法更改那些“常量”，但又会不利于您的可读性（这可能是基于意见的）。我只会将这些常量全部大写以将它们标记为常量，尽管它们可以更改。

于 2013-07-25T13:29:30.010 回答
1

您可以将状态定义为 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/

于 2013-07-25T13:32:35.537 回答
0

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，因为原型更接近实例方法、属性等。状态对象看起来像一个枚举。

于 2013-07-25T13:51:29.440 回答