javascript - Jshint - 变量已经定义并且缺少 javascript 对象的分号

Question

我在一个函数中定义了一个 reason 变量作为 javascript 对象，然后使用这个对象来定义如下属性:

$scope.upsertReason = function() {
    var reason = {},
        reason.reasons = [],
        reason.scholarships = [];
}

不知道为什么总是报如下错误:

412 |            reason.reasons = [],
                       ^ 'reason' is already defined.
412 |            reason.reasons = [],
                       ^ Missing semicolon.
412 |            reason.reasons = [],
                       ^ Expected an identifier and instead saw '.'.
412 |            reason.reasons = [],
                       ^ Expected an assignment or function call and instead saw an expression.
412 |            reason.reasons = [],
                        ^ Missing semicolon.
413 |            reason.scholarships = [];
                                        ^ Expected an assignment or function

我已经确认我没有在代码的其他任何地方定义 reason 变量。任何帮助将不胜感激。

Answer 1

您不能使用var 语句来声明对象的属性，因为var 语句要求变量名称不包含无效字符。 . 绝对是标识符名称的无效字符。因此，您不能声明名为 reason.reasons 或 reason.scholarships 的新变量。

你应该这样声明原因

var reason = {
    reasons: [],
    scholarships = []
};