如何检测变量使用？调用变量时触发函数及示例代码可行性咨询

嘿，这个问题挺有意思的！咱们一步步来拆解你的疑问：

一、如何检测变量被使用的时机？ #

在JavaScript里，普通的let/const/var声明的变量没法直接监听它的访问行为，但咱们可以通过对象属性的getter/setter或者Proxy代理来实现类似效果——本质是把变量封装成对象的属性，这样每次访问这个属性时就能触发我们的回调函数，从而精准检测到访问时机。

二、能否实现每次调用变量时触发一个函数？ #

当然可以！核心思路还是上面说的：把变量包装成对象的属性，利用getter钩子在每次访问时执行指定函数。给你两种常见的实现方式：

方式1：使用Object.defineProperty #

// 用内部变量存储真实值，避免直接暴露
let _num = 0;
const wrapper = {};

// 定义num属性的getter和setter
Object.defineProperty(wrapper, 'num', {
  get() {
    // 每次访问wrapper.num时触发这个函数
    console.log('num被访问啦！');
    return _num;
  },
  set(newVal) {
    // 也可以监听赋值行为
    console.log('num被赋值为：', newVal);
    _num = newVal;
  }
});

// 测试一下
wrapper.num = 10; // 打印：num被赋值为：10
console.log(wrapper.num); // 先打印：num被访问啦！ 再输出10

方式2：使用Proxy（更灵活，适合复杂场景） #

let num = 0;
const numProxy = new Proxy({ num }, {
  get(target, prop) {
    if (prop === 'num') {
      console.log('num被访问了！');
      return target[prop];
    }
    return target[prop];
  },
  set(target, prop, value) {
    if (prop === 'num') {
      console.log('num被设置为：', value);
      target[prop] = value;
      return true;
    }
    return false;
  }
});

// 测试
numProxy.num = 20; // 打印：num被设置为：20
console.log(numProxy.num); // 打印：num被访问了！ 再输出20

三、你的代码是否可行？ #

你写的这段代码：

if (num == 100 && num== 200 && num==300) { console.log('it works!'); }

完全可以正常执行并打印it works!！ 只要利用getter的特性，让每次访问num时返回不同的值就行。比如这样实现：

let accessCount = 0;
const obj = {};

Object.defineProperty(obj, 'num', {
  get() {
    // 每次访问num时，依次返回100、200、300
    accessCount++;
    return [100, 200, 300][accessCount - 1];
  }
});

// 执行你的判断
if (obj.num == 100 && obj.num == 200 && obj.num == 300) {
  console.log('it works!'); // 这句话会被成功打印出来！
}

原理很简单：&&运算符是短路求值，会依次判断每个条件。每次访问obj.num都会触发getter，第一次返回100，第二次返回200，第三次返回300，所以三个相等判断全部成立，代码块就会执行。

内容的提问来源于stack exchange，提问作者Yamoshi Wolverine