JavaScript | 角度| 控制器作为语法：不能使用`this`

Question

无法使用ControllerAs this

有人可以向我解释以下情况吗？

作品

ng-controller="Parent as thus"

休息时间

ng-controller="Parent as this"

那个使它成为关键字的字母-我想要-破坏了森林。

为什么是这样？

PS我知道这个vm约定，但是我发现它干扰了控制器/视图模型的可移植性。

Answer 1

问题是肯定 不会 说this是在JavaScript保留字。 控制器中 没有规则， 因为
语法表明您需要将this变量的值分配给与控制器同名的变量，我很确定angular也不会这样做。为什么会这样？那将是对Function构造函数的极其愚蠢的使用，而只是一个不必要的错误。

有一种简单的方法可以测试JavaScript保留字不是这里的问题。将您的控制器命名为“ throw”。"Parent as throw"。throw是保留字，但这会 引发 错误吗？不，行吗？是。

this但是，在angular自己的模板表达式的上下文中保留。它用于引用scope表达式的当前值。

<div ng-controller="Parent as this">
    {{log(this)}}
</div>


angular.module('testApp', []).controller('Parent', function($scope){
    this.test = 'foo';
    $scope.log = function(arg){
        console.log(arg);
    };
});

以上不会引发错误，但是也不会记录控制器。相反，它将记录一个包含该函数的 作用域 对象以及不包含该对象的 作用域 对象。log``$parent

实际上，它还包含一些对我们来说有趣的东西：property this: Object，我们的控制器。

确实，将模板表达式更改为{{log(this.this)}}，它将很好地记录控制器实例。不过仍然不会使用'this'它的名字，它可能会比未定义的函数错误地导致更多错误。