监控所有 JavaScript 对象属性(神奇的 getter 和 setter)

2024-03-10

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

我知道你可以利用get https://developer.mozilla.org/en/JavaScript/Reference/Operators/Special/get and set https://developer.mozilla.org/en/JavaScript/Reference/Operators/Special/set,但是当您不确定属性名称是什么时,这些不起作用。例如,如果您希望在创建新属性时执行事件处理程序该怎么办?

我想做的事情的例子:

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!

(这个问题类似于以下问题:

  • 有没有办法监视对象的变化? https://stackoverflow.com/questions/6216553/is-there-a-way-to-monitor-changes-to-an-object
  • 所有属性的 JavaScript getter https://stackoverflow.com/questions/994143/JavaScript-getter-for-all-properties

)

EDIT:看起来这个功能被称为“动态代理”,应该出现在 ECMAScript“Harmony”标准(可能是 ES6)中。您可以阅读更多内容here http://wiki.ecmascript.org/doku.php?id=harmony:proxies。引入了一个新的“代理”对象,并带有几个方法(即 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 有一个实现:节点代理 https://github.com/samshull/node-proxy.


浏览 nowjs 源代码,我相信他们是通过持续监控来做到这一点的now对象并在检测到变化时在客户端和服务器之间推送变化。不过,我承认我还没有完全理解他们的代码。

在浏览器中,这会很有趣setInterval hacks.

EDIT:是的,这确实是他们所做的:line 368 https://github.com/Flotype/now/blob/be675edea9d968c2cc6aebd91e55eb0e96abd39d/lib/client/now.js#L368客户的now.js。他们是这样还有一些技巧 https://github.com/Flotype/now/blob/be675edea9d968c2cc6aebd91e55eb0e96abd39d/lib/client/now.js#L164这样,一旦检测到新属性,未来对其的访问就会被 getter 和 setter 捕获,但这些修改仅在 a 中每 1000 毫秒进行一次setTimeout.

另一个证明这在当前 JavaScript 中不可能的证据是ECMAScript Harmony 的代理提案 http://wiki.ecmascript.org/doku.php?id=harmony:proxies明确设计为实现此类场景,这强烈暗示它们目前无法完成。最近的 Mozilla 浏览器有原型代理实现 https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Proxy,如果这样就足够了。显然V8 正在努力添加支持 http://code.google.com/p/v8/issues/detail?id=1543,这可能就足够了,具体取决于目前使用的 V8 Node 版本。

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

监控所有 JavaScript 对象属性(神奇的 getter 和 setter) 的相关文章

随机推荐

  • 使用具有作用域在函数内部的匿名类的模板

    假设我有以下片段 template
  • 如何在ListView中插入对象类型?

    我想在 ListView 中维护 ID 和对象类型 我正在尝试这样做 lstView Items Insert MyObject can t do this because it takes only Int and String 就我而言
  • 使用 Jelly Bean 的简单安全配对(蓝牙)与 NFC 配对

    截至 io2012 和JellyBean 文档 http www android com about jelly bean 现在有一种通过 NFC 配对蓝牙设备的方法 这听起来确实不错 但我找不到任何有关它的文档 我特别想知道这是否适用于不
  • Python:从图像中删除 Exif 信息

    为了减小网站中使用的图像大小 我将质量降低到 80 85 这在一定程度上大大减小了图像尺寸 为了在不影响质量的情况下进一步减小尺寸 我的朋友指出 来自相机的原始图像有很多称为 Exif 信息的元数据 由于网站中的图像不需要保留此 Exif
  • iOS Geofence CLCircularRegion 监控。 locationManager:didExitRegion 似乎没有按预期工作

    我目前正在尝试让我的应用程序使用以下方式监视特定区域CoreLocation然而我发现它似乎没有按预期工作 在我看来 它不能在每个位置设置较小的小半径 即 10m 的情况下工作 我还制作了一个小测试应用程序 它绘制了圆半径在地图上 这样我就
  • 包含文件存储在哪里 - Ubuntu Linux、GCC

    因此 当我们执行以下操作时 include
  • 如何检查 numpy 数组是否已经存在?

    我想知道数组是否已经在代码中的某个位置定义过 就像是a exist 如果存在则给出 True 如果不存在则给出 False I tried a size 但是如果该数组尚不存在 它会给出一条错误消息 这是我想避免的 如果您想知道的话 要求这
  • 如何更改ionic 2本地推送通知图标?

    我使用创建了一个混合应用程序ionic2因为我正在使用科尔多瓦本地推送通知 一切都工作正常 唯一的问题是无法更改图标 在下面我将我的代码粘贴到这里 LocalNotifications schedule id 1 title Test Ti
  • 删除等值线图上的边缘线

    我用Matlab创建了一个极坐标并将其转换为笛卡尔坐标 th r meshgrid 0 0 5 360 pi 180 0 02 1 X Y pol2cart th r 我获取该网格上的数据并生成contourf绘制它 我的问题是我在轮廓图中
  • 从 NSDictionary 转换为 [String:Any?]

    我正在使用 xmartlabs Eureka 构建一个具有动态表单的应用程序 为了填写表格 我必须使用setValues values String Any 但我有表单值NSDictionary变量 我无法将其转换为 String Any
  • 在 Windows 中获取另一个进程命令行

    我正在尝试获取另一个进程的命令行参数 在 WinXP 32 位上 我执行以下操作 hProcess OpenProcess PROCESS QUERY INFORMATION PROCESS VM READ PROCESS TERMINAT
  • 处理大位图

    我只想从我的应用程序打开本机相机应用程序来捕获照片并将其设置为屏幕的背景图像 然后单击按钮旋转它 如果使用 3MP 相机拍摄 照片会旋转 n 次 如果我将相机分辨率设置为 5MP 或更高 应用程序将在第五次单击按钮时强制关闭 照片旋转 4
  • C# 中两个数组的关联

    有两个双精度值数组 我想计算相关系数 单个双精度值 就像 MS Excel 中的 CORREL 函数 C 中有一些简单的单行解决方案吗 我已经发现了名为 Meta Numerics 的数学库 根据这个问题 https stackoverfl
  • Python 调用函数的字符串格式

    有没有办法使用新的格式语法格式化函数调用中的字符串 例如 my request url was 0 get full path format request 所以它调用了该函数get full path 功能inside字符串而不是作为格式
  • 是否有一个很好的 emacs 模式来显示和编辑巨大的分隔符分隔的文件?

    我一直在寻找一段时间 但没有找到一种可以轻松编辑大型制表符 逗号 冒号分隔文件的模式 我一直想要一种确保列始终对齐的模式 就像组织模式表一样 我知道我可以轻松地将整个文件转换为组织模式表 然后在完成后将其返回 但是对于大文件来说 这会变得非
  • 如何在java中创建方法的监听器

    我在实现方法的侦听器时遇到了非常糟糕的时间 在我当前的工作中 我必须每 5 秒请求一个方法 以便验证新信息 因此我想实现一种方法 每次有新信息到来时通知我 每 5 秒丢弃请求方法 我已经阅读过有关观察者模式的内容 但没有成功实施 此致 更多
  • 正则表达式从电子邮件地址中提取顶级域名

    来自电子邮件地址 例如 email protected cdn cgi l email protection email protected cdn cgi l email protection email protected cdn cg
  • 将 os.system() 的输出存储在变量中

    我正在为我的 Hangman 游戏生成一个随机单词 因此想要生成一个随机单词 我正在使用 usr share dict words文件并执行以下操作 def word select import os word os system head
  • 即使登录成功,Yii::app()->user->isGuest 也始终返回 true

    我开始对已通过身份验证的用户和未通过身份验证的用户进行一些区分 为此 我正在使用 Yii app gt user gt id 但是 在确定的视图中 我输入了以下代码 无论我是否登录 成功 我总是收到
  • 监控所有 JavaScript 对象属性(神奇的 getter 和 setter)

    如何在 JavaScript 中模拟 PHP 风格的 get 和 set 魔术 getter setter 很多人说 目前这是不可能的 我几乎可以肯定这是可能的 因为像 nowjs 这样的项目 http nowjs com http now