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的新变量。

你应该声明reason

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

Answer 2

就像thefourtheye所说，你可以这样做：

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

或者，如果您想单独完成所有操作，您可以：

var reason = {};
reason.reasons = [];
reason.scholarships = [];