如何使用 ECMAScript 5 定义默认的 getter 和 setter？

Question

如何为原型指定默认 getter？ 对于默认 getter，我的意思是在调用 obj.undefinedProperty123 时调用的函数。

我尝试了 Object.prototype.get = function(property) {..} 但在这种情况下不会调用它。

Answer 1

您想要创建一个代理：

const data = {};

const proxy = new Proxy(data, {
  get: (target, prop) => {
    console.log({ target, prop });
    return "My Value";
  },
  set: (target, prop, value) => {
    console.log({ target, prop, value });
    return true;
  },
});

proxy["foo"] = "bar";
const bar = proxy["foo"];

Answer 2

Firefox 可以使用非标准的 noSuchMethod:-

({__noSuchMethod__:function(){alert(1);}}).a();

Answer 3

我不确定你在问什么。但是，如果您希望在用户尝试访问 object.nonExistingProperty 时调用一个方法。我认为没有任何办法可以做到这一点。

Answer 4

也许晚了，让我们添加简单的 ES5 友好的“类创建”：字符串 props 和 getter - 我需要它进行一些古老的重写，暂时支持 IE（是的，这很痛苦，仍然发现有人依赖 ActiveX）

var MyObj = function () {
  var obj = {
    url: 'aabbcc',
    a: function(){ return this.url;}
  }  
  Object.defineProperty(obj, "urltoo", { get: function () { return this.url; } })
  return obj;
}

var X = new MyObj();
x.url // aabbcc
x.urltoo // aabbcc
x.urltoo() // error - not a function
x.a() // aabbcc
x.a // ƒ (){ return this.url;}

Answer 5

我遇到这个问题是因为我想要这种行为：如果对象属性未定义，则返回一些默认值。

const options = {
  foo: 'foo',
  bar: 'bar',
  baz: 'baz'
};

function useOptionValue(optionName) {
  // I want `options` to return a default value if `optionName` does not exist
  const value = options[optionName];
  // etc...
}

执行此操作的简单方法（对于此用例没有 Proxy 或 Object.defineProperty 过度杀伤力）如下所示：

function useOptionValue(optionName) {
  const value = options[optionName] || defaultValue;
}

或者，如果您想变得更奇特，您可以使用 符号：

const default = Symbol.for('default');

const options = {
  foo: 'foo',
  bar: 'bar',
  baz: 'baz',
  [default]: 'foobarbaz'
};

function useOptionValue(optionName) {
  const value = options[optionName] || options[default];
}

Answer 6

在 ECMAScript 5 中，您只能通过 Object.defineProperty：

Object.defineProperty(someObj, "someProp", {
    get: function() {
        console.log("you tried to get someObj.someProp");
        return "foo";
    }
});

在这里，get 函数将在代码尝试读取 时运行someObj.someProp。

在即将发布的 ECMAScript 6 草案中，这将可以通过 代理实现。代理具有底层目标对象和设置/获取函数。每当对代理的任何属性进行设置或获取操作时，都会运行适当的函数，并将代理的目标对象、使用的属性名称以及 set 尝试中使用的值作为参数。

var proxyHandler = {
    get: function(obj, name){
        console.log("you're getting property " + name);
        return target[name];
    },
    set: function(obj, name, value) {
        console.log("you're setting property " + name);
        target[name] = value;
    }
}

var underlyingObj = {};

// use prox instead of underlyingObj to use get/set interceptor functions
var prox = new Proxy(underlyingObj, proxyHandler);

在这里，设置为获取 prox 上的属性值将导致 set/get 函数运行。

Answer 7

Gareth 所说的，只不过是 __noSuchMethod__。

或者也许您正在考虑 PHP？

这是一篇关于最近标准化的属性 getter/setter 的非常好的文章，重点介绍了一些以前的非标准化身。

http://whereswalden.com/2010/04/16/more-spidermonkey-changes-ancient-esoteric-very-rarely-used-syntax-for-creating-getters-and -setters-is-being-removed/

摘要：目前还没有标准的“包罗万象”的 getter/setter，但 Object.defineProperty 是未来。

Answer 8

您需要等待 ECMA6“代理”系统的实施，该系统正是为此而设计的。请参阅 http://wiki.ecmascript.org/doku.php?id=harmony： direct_proxys。