所有属性的JavaScript getter

Question

长话短说:我的情况是我喜欢PHP式的getter,但是在JavaScript中.

我的JavaScript只在Firefox中运行,因此我可以使用Mozilla特定的JS.

我可以找到制作JS getter的唯一方法是需要指定它的名称,但是我想为所有可能的名称定义一个getter .我不确定这是否可行,但我非常想知道.

Answer 1

Proxy可以做到!我很高兴这存在!这里给出一个答案:是否有一个javascript相当于python的__getattr__方法？.用我自己的话来改写:

var x = new Proxy({},{get(target,name) {
  return "Its hilarious you think I have "+name
}})

console.log(x.hair) // logs: "Its hilarious you think I have hair"

代理胜利!查看MDN文档:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy

适用于chrome,firefox和node.js. 缺点:在IE中不起作用 - freakin IE.不久.

Answer 2

你能找到的最接近的是__noSuchMethod__,这是JavaScript相当于PHP的__call().

不幸的是,没有等效的__get/__ set,这是一种耻辱,因为有了它们我们可以实现__noSuchMethod__,但我还没有看到使用__noSuchMethod__实现属性的方法(如在C#中).

var foo = {
    __noSuchMethod__ : function(id, args) {
        alert(id);
        alert(args);
    }
};

foo.bar(1, 2);

Answer 3

如果您在ES6中编码,您可以将代理和类组合在一起,以获得像php这样漂亮的代码:

class Magic {
    constructor () {
        return new Proxy(this, this);
    }
    get (target, prop) {
        return this[prop] || 'MAGIC';
    }
}

这绑定到处理程序,因此您可以使用此而不是目标.

注意:与PHP不同,代理处理所有属性请求.

let magic = new Magic();
magic.foo = 'NOT MAGIC';
console.log(magic.foo); // NOT MAGIC
console.log(magic.bar); // MAGIC

您可以检查哪些浏览器支持代理http://caniuse.com/#feat=proxy和类http://caniuse.com/#feat=es6-class.节点8支持两者.

Answer 4

Javascript 1.5确实有getter/setter 语法糖.John Resig 在这里解释得非常好

它对于网络使用来说不够通用,但Firefox当然也有它们(如果您想在服务器端使用它,也可以使用Rhino).

Answer 5

如果你真的需要一个有效的实现,你可以通过测试第二个参数来"欺骗"你的方式undefined,这也意味着你可以使用get来实际设置参数.

var foo = {
    args: {},

    __noSuchMethod__ : function(id, args) {
        if(args === undefined) {
            return this.args[id] === undefined ? this[id] : this.args[id]
        }

        if(this[id] === undefined) {
            this.args[id] = args;
        } else {
            this[id] = args;
        }
    }
};