javascript - 在 Javascript object/json 中使用变量会产生编译错误

Question

第一次使用 javascript 和 JSON。好奇为什么这会导致编译器错误:

var dataTypes = new function() {
    this.list = "list"; this.boolean = "boolean";
};  

var jsonDataTypes = [
        {dataTypes.list:"Food For Lunch"}
];

当这没有发生时。

var dataTypes = new function() {
    this.list = "list"; this.boolean = "boolean";
};  

var jsonDataTypes = [
        {"Food For Lunch":dataTypes.list}
];

为什么我可以使用变量作为值而不是键？

错误是:

Multiple markers at this line
    - Missing semicolon
    - Syntax error on token(s), misplaced 
     construct(s)
    - Missing semicolon
    - Syntax error on tokens, delete these 
     tokens

Answer 1

首先，您使用的是 JavaScript 对象，而不是 JSON。对象是 JavaScript 中的一种数据类型，而 JSON 是一种数据传输格式。

对象文字中的键必须是有效的标识符、字符串或数字，因为键是按字面意思解释的。标识符中不允许包含点 (.) 和某些其他字符。请参阅specification了解更多信息。

由于您想使用 dataTypes.list 的值作为键，因此必须分两步创建对象:

var jsonDataTypes = [{}];
jsonDataTypes[0][dataTypes.list] = "Food For Lunch";

或者如果您想按字面意思使用它，请使用字符串:

var jsonDataTypes = [
    {"dataTypes.list": "Food For Lunch"}
];