为何控制台修改$scope需调用$scope.apply()？AngularJS疑问

先把你的代码整理为更清晰的格式：

var module = angular.module('myApp', []); 
module.controller('TimeCtrl', function($scope, $interval) { 
  var tick = function() { 
    $scope.clock = Date.now(); 
    window.scope = $scope; 
  } 
  tick(); 
  $interval(tick, 1000); 
}); 

问题1：控制器中修改$scope.clock可自动同步到DOM，但控制台修改时需显式调用$scope.apply()，原因是什么？$interval是否有特殊处理？ #

这核心要从AngularJS的**脏检查机制（Digest Cycle）**说起：

• AngularJS的视图与数据同步，依赖于它自动触发的脏检查循环。当代码运行在Angular的“上下文”内时，Angular会在合适的时机自动启动这个循环，对比所有监听的变量值，有变化就更新DOM。
• 控制器里的修改场景：你的tick函数是被$interval调用的，而$interval是Angular内置的服务——它做了特殊处理：在执行完传入的回调函数后，会自动调用$rootScope.$apply()来触发脏检查循环。所以你在tick里修改$scope.clock后，DOM会自动同步。
• 控制台修改的场景：控制台输入的代码是运行在Angular上下文之外的，Angular无法感知到这次变量修改，自然不会触发脏检查。这时候必须手动调用$scope.$apply()，强制Angular启动脏检查，才能把控制台修改的$scope.clock同步到DOM上。

问题2：一般情况下是否需要用$scope.watch监听这类变量？我原以为$scope.watch的作用就是实现该功能。 #

不需要手动添加$scope.watch来处理这种基础的视图同步场景：

• 当你在视图中使用{{clock}}这类插值表达式时，Angular会自动为这个表达式创建一个内部的$watcher。每次脏检查循环运行时，这个watcher都会对比$scope.clock的新旧值，一旦发现变化就更新视图。
• $scope.watch的真正作用是执行自定义逻辑：比如当$scope.clock变化时，你需要计算另一个变量、调用后端接口或者执行其他业务操作，这时候才需要手动添加$watch来监听变化并触发自定义代码。单纯的视图同步，Angular已经帮你完成了，不需要额外写监听。

内容的提问来源于stack exchange，提问作者Nishant