是否可以覆盖某些 Javascript 命令？

Question

如果我创建了一个具有数组作为属性的对象，是否可以在该对象中编写一个方法，以便在创建实例后，硬编码命令现在的行为有所不同？

例如，如果我定义了一个构造函数：

function Bunny(){
       this.arr = [1,2,3];
       this.doSomething = function(){
         //  do something here
        } 
 }

然后创建一个新实例：

fluffy = new Bunny();

是否可以在“this.doSomething”中写一些东西，这样当我执行预定义的命令时，比如：

fluffy.arr[0]=7;

最终的操作（除了将数组的第 0 个条目从 1 更改为 7 之外，也不是将其更改为 7）就是弹出一个警告，上面写着“复活节快乐！”？

Answer 1

在某种程度上你可以。输入：Proxies。

代理充当对象的包装器，并允许您拦截该对象属性上的某些事件。

let arr = [1, 2, 3];

// Wrap the array in a proxy
arr = new Proxy(arr, {
  get(target, name) {
    // Whenever the user accesses the ith element
    // alert, 'Happy Easter! i'
    alert(`Happy Easter! ${name}`);
    
    // Return the actual value
    return target[name];
  },
  
  // You can also target setters
  set(target, name, value) {
    // Whenever the user sets the ith element
    // alert, 'Merry Christmas! i'
    alert(`Merry Christmas! ${name}`);
    
    target[name] = value;
  }
});

// Can still set values since a setter wasn't set
arr[0] = 7;
console.log(arr[0]);