js 监听数组变化

const array = [1, 2, 3];
const handler = {
  set(target, prop, value) {
    console.log(`Array changed: Setting index ${prop} to ${value}`);
    target[prop] = value;
    return true;
  },
  deleteProperty(target, prop) {
    console.log(`Array changed: Deleting index ${prop}`);
    delete target[prop];
    return true;
  }
};

const proxyArray = new Proxy(array, handler);

proxyArray[0] = 10; // 输出: Array changed: Setting index 0 to 10
delete proxyArray[1]; // 输出: Array changed: Deleting index 1

import { observable, autorun } from 'mobx';

const array = observable([1, 2, 3]);

autorun(() => {
  console.log('Array changed:', array);
});

array.push(4); // 输出: Array changed: [1, 2, 3, 4]