使用js监听变量的变化，并触发事件

最新推荐文章于 2024-10-16 22:25:45 发布

原创最新推荐文章于 2024-10-16 22:25:45 发布 · 6k 阅读

4 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

14 篇文章

订阅专栏

Vue

5 篇文章

订阅专栏

本文通过示例代码讲解了ES5中使用Object.defineProperty进行变量监听的方法，并介绍了这是Vue实现数据双向绑定的核心原理之一。

贴上测试代码

var listenMenuTree = { "value": 1 };
Object.defineProperty(listenMenuTree, 'value', {
    get: function (value) {
        // get 和 set 方法
        return value;
    },
    set: function (value) {
        // 当listenMenuTree 的value值发生改变时，触发set函数的内容
    }
});

es6还有一种监听变量的方式，这里没有写。

vue的数据双向绑定核心原理之一，就是这个es5的变量监听