js 实现监听数组变化

最新推荐文章于 2024-07-24 11:09:48 发布

Byebye_W0rld

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量996

点赞数

文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/Byebye_W0rld/article/details/130833246

版权

1. 创建一个新的原型，这就是改造之后的数组原型

const arrayMethods = Object.create(Array.prototype)

2.重新构建Array原型里面的虽有方法

const ArrayProto = []
// 重新构建Array原型里面的虽有方法
Object.getOwnPropertyNames(Array.prototype).forEach(method => {
    if (typeof arrayMethods[method] === "function") {
        ArrayProto[method] = function () {
            console.log("我已经监听到数组触发了" + method + "事件")
            arrayMethods[method].apply(this, arguments)
            localStorage.setItem('chatList', JSON.stringify(data))

        }
    } else {
        ArrayProto[method] = arrayMethods[method]
    }
})

3.哪个数组要监听，就给赋哪个数组的原型（这里我要监听的数组变量名是data)