Question

我一直看到有关自定义控制器是使用“new”关键字实例化还是仅应用于$ scope对象的相互矛盾的信息。

文档网站说，

“Angular应用（在JavaScript的Function＃apply的意义上）控制器构造函数到一个新的Angular范围对象，它设置一个初始范围状态。这意味着Angular永远不会创建控制器类型的实例（通过调用控制器构造函数上的new运算符。）构造函数始终应用于现有的范围对象。“

但似乎在Angular 1.2中，有一个“as”结构将控制器重命名为其他内容，如：

<body ng-controller="DemoController as demo">
    <tr ng-repeat="student in demo.students">
        <td>{{student.name}}</td>
    </tr>
</body>

function DemoController() {
    this.students = [...]
}

因此，这似乎就像使用“new”关键字实例化控制器一样。

是哪一个？有人可以澄清一下吗？

Answer 1

“as”语法只是一个别名，文档是正确的，Angular从不通过在控制器构造函数上调用new运算符来创建控制器类型的实例。带有别名的新行为是这样的，现在$ControllerProvider对as关键字的存在进行正则表达式测试，如果存在，则在别名下的本地范围内存储对控制器的引用。 / p>

Here is a link改为相关代码的git功能提交。

：从Angular源代码（1.1.5），这里是$ControllerProvider中创建控制器的代码：

instance = $injector.instantiate(expression, locals);

这是instantiate方法：

function instantiate(Type, locals) {
  var Constructor = function() {},
      instance, returnedValue;

  // Check if Type is annotated and use just the given function at n-1 as parameter
  // e.g. someModule.factory('greeter', ['$window', function(renamed$window) {}]);
  Constructor.prototype = (isArray(Type) ? Type[Type.length - 1] : Type).prototype;
  instance = new Constructor();
  returnedValue = invoke(Type, instance, locals);

  return isObject(returnedValue) ? returnedValue : instance;
}

因此，您可以看到确实调用了new关键字，但是在名为Constructor的空泛型函数上调用它，而不是控制器构造函数。首先，将空构造函数的原型设置为传递给注入器的Angular Type的原型。

AngularJS控制器是否使用“new”创建

1 个答案: