javascript - .符号与 [] 符号 |插入文本对象

Question

我在下面提到的代码行中在点符号和括号符号之间移动。 JavaScript - The Good Parts 建议默认使用点符号。

如何更新此代码以使用点符号。请注意，form_elements 包含作为键的表单输入名称，这些名称是有效的 JavaScript 标识符(它们仅使用字母数字字符)。

根据 JavaScript - The Good Parts 这意味着它们可以与点符号一起使用。

Su.text = function (form_elements) {
    this.text_object = {};
    var key;
    for (key in form_elements) { //*u
        if (form_elements.hasOwnProperty(key)) {
            this.text_object[form_elements[key].name] = form_elements[key].value; // this line
        }
    }
    return this;
};

Answer 1

括号表示法用于编译时未知的键名，例如您的情况。所以你必须在这里使用它。

 aaa.foo  // dot notation, name of the field is "foo"

 aaa[foo] // bracket notation, name of the field is stored in variable foo

你要避免的是

aaa["foo"]  // just ugly, necessary only if the field name is complicated

aaa["space and 123 in there"]   // like here