使用对象文字表示法设置另一个属性的属性值

Question

由于尝试在读取器对象上定义'scanning'属性的方式，我在以下代码中遇到错误。

app.controller("turingController", ["$scope", function($scope) {



    $scope.cellArray = []; 

    for( var i=0; i<=999; i++) {

        $scope.cellArray[i] = {

            index: i,

            content: "B",

        };

    };


    $scope.reader = {

        location: 500,

        state: "q1",

        scanning: $scope.cellArray[$scope.reader.location].content
    };

}]);

但是，如果我不使用对象文字表示法来定义“扫描”属性，它就可以正常工作。 像这样：

$scope.reader = {

    location: 500,

    state: "q1",

    };

$scope.reader.scanning = $scope.cellArray[$scope.reader.location].content

我意识到我已经解决了问题，但是我仍然想知道为什么它在第一个代码中不起作用？ 提前致谢！

Answer 1

在第一个示例中定义$scope.reader时，还将在定义内调用$scope.reader （实际上是$scope.reader.location ）。 此时，您调用$scope.reader.location尚未定义$scope.reader 。 所以很困惑...

在第二种方法中，首先定义$scope.reader对象，然后一个新的属性（添加scanning ）给它，根据设置在上部分的价值$scope.reader 。 很好，因为$scope.reader对象现在存在

Answer 2

在为$scope.reader构造对象文字时，您实际上尚未定义$scope.reader －您正在尝试引用尚不存在的变量。

但是，通过在以后的新代码中进行设置，已经设置了$scope.reader ，因此您可以毫无问题地引用它。

Answer 3

这是javascript问题，不是angularjs。 直到下一行$scope.reader = {}; location才存在$scope.reader = {}; 完成。

这是沿着这条线：

var A = 100;
var B = A = B; 

//What is the value of B? 
//Does (B = A) execute first, so B = 100? 
//Does (A = B) execute first, so B = undefined?

//answer, B is undefined.

//this is analogy to your case
// var R.A = 100 never happens until R = {} is finished.
// so B = A is undefined
var R = {
  A: 100,
  B: A
};

Answer 4

在赋值之前对表达式求值。 您的声明是这样的：

var temp = {
    location: 500,
    state: "q1",
    scanning: $scope.cellArray[$scope.reader.location].content
};
$scope.reader = temp;

因此，在为属性分配值时，尚未设置$scope.reader 。