1

我是 JavaScript 的初学者，正在尝试重构 API，但遇到了一个奇怪的问题。

我使用node解释器来测试一些我想在我的重新设计中加入的代码，但是我遇到了一些意想不到的行为。

考虑在节点解释器中输入以下内容：

[In0] b

我期待一个 ReferenceError，如下所示。

[Out0] 
ReferenceError: b is not defined
at repl:1:1
at REPLServer.defaultEval (repl.js:132:27)
at bound (domain.js:254:14)
at REPLServer.runBound [as eval] (domain.js:267:12)
at REPLServer.<anonymous> (repl.js:279:12)
at REPLServer.emit (events.js:107:17)
at REPLServer.Interface._onLine (readline.js:214:10)
at REPLServer.Interface._line (readline.js:553:8)
at REPLServer.Interface._ttyWrite (readline.js:830:14)
at ReadStream.onkeypress (readline.js:109:10)

下一个

 [In1] 'b'
 [Out1] 'b' // this is OK because it's a string

现在考虑一个 JSON 样式的对象：

 [In2] var x = { 'b' : 'c' };
 [Out2] { b : 'c' }

奇怪的是，引号被丢弃在 的键上x。我愿意忽略这一点，尽管它令人困惑。

最后，

 [In3] var y = { b : 'c' };
 [Out3] { b : 'c' }

没有引号，解释器不会抱怨并产生与引号相同的结果。

我还注意到这种模式key总是作为字符串返回：

for(var key in obj) {
    key;
 }

注意到这种行为，我尝试Bar在我的 class中编写一个方法，Foo定义如下：

function Foo(a) {
    this.a = a;
    this.Bar = function(attr, val) {
        // attr doesn't need to be a string to be a key in object x
        var x = { attr : val };
        for(var key in x) {
            //key DOES need to be a string to be used like this
            this[key] = val;
        }
    }
}

本质上Bar只是将键值对添加attr:val到类型的对象中Foo。

我尝试使用以下代码测试此代码：

[In4] var foo = new Foo('c');
[Out4] { a : 'c', Bar : [Function] } // this is OK. I expect this.

[In5] foo.Bar(hello, "World");
[Out5]
ReferenceError: hello is not defined
at repl:1:9
at REPLServer.defaultEval (repl.js:132:27)
at bound (domain.js:254:14)
at REPLServer.runBound [as eval] (domain.js:267:12)
at REPLServer.<anonymous> (repl.js:279:12)
at REPLServer.emit (events.js:107:17)
at REPLServer.Interface._onLine (readline.js:214:10)
at REPLServer.Interface._line (readline.js:553:8)
at REPLServer.Interface._ttyWrite (readline.js:830:14)
at ReadStream.onkeypress (readline.js:109:10)

谁能向菜鸟解释这种行为？当可以手动完成时，无法在方法中使用裸词作为键是非常令人沮丧的。

4

2 回答 2

4

上下文在语言解析中很重要。

在 JavaScript 中，属性名称总是字符串或Symbols（最后一个在 ES6 中是新的）。在对象初始化器中，您可以指定不带引号的属性名称（使用文字名称，它必须是IdentifierName）、数字文字（转换为字符串）或字符串文字（例如，带引号） ：

var a = { b: 'c' };
// is the same as
var a = { 'b': 'c' };
// is the same as
var a = { "b": 'c' };

（在 ES6 中，您还可以在方括号中使用计算属性名称，但这在这里无关紧要，无论如何它们Symbol在计算后最终会成为 s 或字符串。）

因此，在对象初始化器中，上下文告诉解析器它需要一个属性名称，允许使用文字或字符串表示法。但在这儿：

foo.Bar(hello, "World");

...上下文告诉它这hello是一个标识符，因为语法说函数调用中的各个参数值​​（括号的内容）是表达式，而表达式中的单个单词本身就表示一个标识符。由于它是您尚未声明的标识符，因此您会得到一个ReferenceError.

奇怪的是，引号被丢弃在 x 的键上。我愿意忽略这一点，尽管它令人困惑

当属性名称是有效的IdentifierName时，这是显示对象属性的标准符号。

回复您的评论：

我是 JavaScript 的初学者，正在尝试重构 API

很公平。似乎没有比强制用户传递字符串更好的方法了。

正确，传递属性名称的正确方法是作为字符串，有时是数字（如数组索引）或Symbols，然后您可以使用“括号”表示法访问属性：

var a = {foo: "bar"};
var name = "foo";
console.log(foo[name]); // "bar"

（当您使用数字执行此操作时，它会被强制转换为字符串。是的，当您将数组索引与 JavaScript 的标准数组一起使用时，[理论上]会发生这种情况，因为它们根本不是真正的数组。）

但这并不意味着您的 API 的用户应该被要求输入字符串文字。如果有一组允许的属性名称，您可以将它们作为对象的属性提供。

var API = {
    Things: {
        Foo: "Foo",
        Bar: "Bar"
    }
};

...然后使用 API：

someApiMethod(API.Things.Foo);

您甚至可以将这些定义为只读以防止意外覆盖：

var API = {Things: {}};
["Foo", "Bar"].forEach(function(name) {
    Object.defineProperty(API.Things, name, {
        enumerable: true, // Or not, whichever
        value: name
    });
});

默认情况下，用 定义的属性defineProperty是只读的。

在 ES6 中，它们也可以是常量：

const Foo = "Foo";
const Bar = "Bar";
于 2015-07-26T21:21:13.427 回答
0

hello在这里应该是一个表达式，例如一个引用。

不是，因此失败。

它是允许形式的语法糖{ foo: 'bar'}。解释器知道你在一个对象声明中并假装它是一个字符串。

（JS 没有符号。直到 ES6，我忽略了。）

于 2015-07-26T21:12:35.927 回答