什么是 observ-listen
observ-listen 是一个基于 observ 进行封装的 JavaScript 库，它能够监听对象或者数组中的值的改变，从而触发对应的回调函数。它在前端开发中非常实用，能够帮助我们更好地管理和更新数据。
使用方法
安装
使用 npm 进行安装：
npm install observ-listen
引入
import observListen from 'observ-listen';
监听对象
-- -------------------- ---- ------- ----- ------ - - ----- ----- ---- --- -- -------------------- -------- -- - -------------------- --- ----------- - ----- ---------- - ---
监听对象是其中最常见的用法。在上面的示例中，我们定义了一个名为 person 的对象，并使用 observListen 函数对其进行监听。每当 person 中的属性值发生改变时，我们的回调函数就会被触发。
回调函数中的 change 参数是一个对象，里面记录了属性改变的信息。例如，在 person.name 的值从小明改为小红后，change 对象的内容如下：
{
name: {
type: 'update',
value: '小红',
oldValue: '小明',
},
}监听数组
-- -------------------- ---- ------- ----- ---- - --- -- --- ------------------ -------- -- - -------------------- --- ------------- ------- - -- -------------- ---
如果我们要监听一个数组，同样可以使用 observListen 函数。在监听数组时，回调函数中的 change 参数同样是一个对象，其中包含了数组改变的信息。
例如，在上面的示例中，我们定义了一个名为 list 的数组，并使用 observListen 函数对其进行监听。每当 list 发生变化时，我们的回调函数就会被触发。
在我们对 list 进行了几次操作后，change 对象的内容如下：
-- -------------------- ---- -------
-
----- -
----- ------
------ --
--
-- -
----- ---------
------ --
--------- --
--
------- -
----- ---------
------ --
-------- ----
------ ---
--
-结束语
observ-listen 是一个非常实用的 JavaScript 库，在前端开发中帮助我们更好地管理数据。以上就是它的使用方法，希望对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f9c3d1de16d83a66f68