监控所有JavaScript对象属性(魔术getter和setter)

问题描述 投票:26回答:3

如何在JavaScript中模拟PHP风格的__get()和__set()魔术getter / setter?很多人都说现在这是不可能的。我几乎可以肯定这是可能的,因为像nowjs(http://nowjs.com)这样的项目会做这样的事情。

我知道您可以使用getset,但是当您不确定属性名称是什么时,这些不起作用。例如,如果您希望在创建新属性时执行事件处理程序,该怎么办?

我想做的例子:

var obj = {};
notify(obj, function(key, value) {
   //key is now the name of the property being set.
   //value is the value of the property about to be set
   console.log("setting " + key + " to " + value);
});
obj.foo = 2; //prints "setting foo to 2"
obj.bar = {a: 2}; //prints "setting bar to [Object]"
//Notice that notify() worked even though 'foo' and 'bar' weren't even defined yet!

(问题类似于以下问题:

)

编辑:看起来这个功能被称为“动态代理”,应该出现在ECMAScript“Harmony”标准中(可能是ES6)。你可以阅读更多here。一个新的“代理”对象引入了几个方法(即,Create()和createFunction())。

人们可以这样做:

//Constructing an object proxy (proto is optional)
var proxy = Proxy.create(handler, proto);
proxy.foo = 2; //Triggers 'set' function in the handler (read about it)

这里的底线:它在大多数浏览器中都不起作用,但Node.js的实现可用:node-proxy

javascript node.js setter getter
3个回答
13
投票

通过nowjs源代码,我相信他们通过持续监视now对象并在检测到客户端和服务器之间推送更改来实现此目的。不过我承认我还没有完全弄清楚他们的代码。

在浏览器中,这将通过一些有趣的setInterval黑客来完成。

编辑:是的,这确实是他们所做的:客户line 368now.js。他们执行some more tricks,以便一旦检测到新属性,将来访问它将被getter和setter捕获,但这些修改仅在setTimeout中每1000毫秒进行一次。

在当前的JavaScript中,这是不可能的另一个证据是the proxies proposal for ECMAScript Harmony被明确地设计用于启用这样的场景,这强烈地暗示它们目前无法完成。最近的Mozilla浏览器有a prototype proxies implementation,如果这还不够。显然V8 is working to add support,这可能足够取决于最近使用的V8节点的版本。

EDIT2:哦,很酷,在服务器端显然nowjs确实使用代理!这可能意味着它们在Node中足够成熟以供您使用。看看他们在https://github.com/Flotype/now/blob/master/lib/proxy.js做什么。或者只是做var Proxy = require("nodejs-proxy")并希望他们遵循规范,这样你就可以利用MDC和其他地方的文档。


2
投票

在Firefox中,您可以使用Object.watch。如果你看看这个线程,Object.watch() for all browsers?,有一个在所有浏览器中使用它的例子。

哎呀,我刚刚意识到你想看所有的房产,而不是特定的房产...上面的解决方案就是看一个特定的房产。


0
投票

也许this post会帮助......?但是,仅适用于特定属性和基于Gecko的浏览器......如果您需要支持其他浏览器,它的错误,但您可以查看onpropertychange。这是MSDN Page。希望那有所帮助...

© www.soinside.com 2019 - 2024. All rights reserved.