如何让JavaScript对象访问不存在的键时返回自定义默认值而非undefined

当然可以实现！这在JavaScript里有非常优雅的解决方案，最推荐的是使用ES6引入的Proxy API——它专门用来拦截对象的各种操作，包括读取不存在的属性。我给你一步步演示：

Proxy允许我们创建一个原对象的代理，当对代理对象进行任何操作（比如读取属性）时，我们可以自定义处理逻辑。针对你的需求，只需要拦截get操作即可：

// 原对象
let obj = { key1: 'key1' };

// 创建代理对象，拦截属性读取
let proxyObj = new Proxy(obj, {
  get(target, property) {
    // 检查目标对象是否包含该属性
    if (property in target) {
      return target[property];
    } else {
      // 属性不存在时返回指定字符串
      return "key not found";
    }
  }
});

// 测试不存在的属性
let res = proxyObj.key2;
console.log(res); // 输出: "key not found"

// 原属性依然正常工作
console.log(proxyObj.key1); // 输出: "key1"

如果你不想维护原对象和代理对象两个变量，也可以直接把原对象替换成代理：

let obj = new Proxy({ key1: 'key1' }, {
  get(target, prop) {
    return prop in target ? target[prop] : "key not found";
  }
});

console.log(obj.key2); // 输出: "key not found"

注意事项 #

• Proxy是ES6标准特性，现代浏览器和Node.js都支持，但IE浏览器不支持（不过现在IE已经被淘汰，不用太担心）。
• 如果你直接访问未经过代理的原对象，读取不存在的属性依然会返回undefined，所以记得要使用代理后的对象进行操作。

不推荐的旧方案 #

早年有个非标准的__noSuchMethod__属性，不过它只能处理不存在的方法调用，无法处理普通属性的读取，而且已经从JavaScript标准中移除了，所以完全不建议使用。

总的来说，Proxy是解决这个需求最规范、最灵活的方式，完全能满足你的要求！

内容的提问来源于stack exchange，提问作者Muhammet Adamoglu