参考: http://jerrywang-sap.iteye.com/blog/2431034
如果window这个变量的_name字段被程序赋值时,能执行我们自己实现的一个监听器,这样不就方便多了么?
监听器的实现很简单:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<html> <script> "use strict"; function test(){ Object.defineProperty(window, "_name", { get : function(){ console.log("gett is called ") }, set : function(newValue){ debugger; console.log("_name is filled!!!!"); }, enumerable : true, configurable : true }); for( var i = 0; i < 2; i++) console.log(i); window._name = "2"; }; test(); </script> |
使用Object对象自带的方法defineProperty, 第一个参数为要监听的对象window,第二个参数为要监听的对象字段名称,_name。
第三个参数是一个对象,属性为set,意思是我们想监听window._name被赋值的这个事件。属性set的值为一个JavaScript函数,即我们自己定义的监听器。这个监听器,当window._name被其他JavaScript函数修改之后,就会触发。