简介
AngularJS 是一种非常强大的 JavaScript MVC 框架，它使得我们能够快速开发复杂的前端应用程序。AngularJS 中有一个非常重要的方法 $watch，用于监听数据对象的变化。$watch 方法可以让我们在数据对象发生变化的时候做出相应的操作。本篇文章主要介绍 $watch 方法的使用。
$watch 方法的语法
AngularJS 中可以使用 $watch 方法来监听对象的变化，$watch 方法可以在指定的作用域中监听一个表达式的变化。$watch 方法的语法如下：
$scope.$watch(watchExpression, listener, [objectEquality]);
其中，watchExpression 是需要监听的表达式，listener 是当表达式发生变化时需要执行的回调函数，而 objectEquality 是一个可选参数，用于指定是否需要深度比较对象。如果 objectEquality 的值为 true，$watch 方法将执行深度比较对象，否则只执行浅层比较。
监听对象的变化
在 AngularJS 中，我们可以使用 $watch 方法来监听对象的变化。下面是一个使用 $watch 的例子：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
---------------- ----- ---------------
------- ------------------------------------------------------------------------------------
-------
------
---- -----------------------
------ ----------- --------------- ------------------ ---- ------
---------- --------------
------
--------
--- --- - ----------------------- ----
------------------------ ---------------- -
--------------------- ------------------ --------- -
------------------------- ----------
------------------------- ----------
---
---
---------
-------
-------上述代码展示了一个简单的 AngularJS 应用程序，使用了 $watch 方法来监听 name 对象的变化。当用户在 input 标签中输入内容时，$watch 方法将执行回调函数并输出 name 对象变化前的值和变化后的值。
监听对象的深层变化
当我们需要监听对象的深层变化时，可以使用 $watch 方法的第三个参数 objectEquality。下面是一个使用 objectEquality 参数的例子：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
---------------- ----- ---------------
------- ------------------------------------------------------------------------------------
-------
------
---- -----------------------
------ ----------- -------------------- ------------------ ---- ------
------ ----------- ------------------- ------------------ ---- -----
----------------- -- ------------ ----- ---------
------
--------
--- --- - ----------------------- ----
------------------------ ---------------- -
----------- - -
----- -------
---- --
--
--------------------- ------------------ --------- -
------------------------- ----------
------------------------- ----------
-- ------ -- ------------------
--------------------- -
------------------------ -
---------------- - -------
--------------- - ---
---
-- ------
---
---------
-------
-------上述代码中，我们使用 $watch 方法来监听 user 对象的变化，当 user 对象的任何属性发生变化时，$watch 方法将执行回调函数并输出 user 对象变化前的值和变化后的值。注意，在监听对象的时候，我们需要将 objectEquality 参数设置为 true，然后 $watch 方法将执行深度比较对象。
总结
本篇文章介绍了在 AngularJS 中使用 $watch 方法来监听对象的变化。$watch 方法可以让我们在数据发生变化的时候做出相应的操作。通过示例代码，希望读者能更好地理解 $watch 方法的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cc542f5ad90b6d0427507a
