javascript - 如何在变量值发生变化时调用 Javascript 函数？

Question

通常我们在单击按钮时调用 Javascript 函数。

<button onclick=function1();>Post message</button>

或者有时，我们可能会在特定时间调用 Javascript 函数。

window.onload = myFunction();
          function myFunction()
           {
                 setInterval(function1,t);  
           }

其中 function1() 是任何 Javascript 函数。我只想在脚本中的变量值发生变化时调用此函数。

例如:假设我有一个变量abc。现在，当我使用下面的函数在页面上选择某些内容时，该变量的值会发生变化。

var abc = function getSelectionHTML() {
      var userSelection;
      if (window.getSelection) {
        // W3C Ranges
        userSelection = window.getSelection ();
        // Get the range:
        if (userSelection.getRangeAt) {
          if (userSelection.rangeCount > 0)
        var range = userSelection.getRangeAt(0);
          else
        return '';
        } else {
          var range = document.createRange ();
          range.setStart (userSelection.anchorNode, userSelection.anchorOffset);
          range.setEnd (userSelection.focusNode, userSelection.focusOffset);
        }
        // And the HTML:
        var clonedSelection = range.cloneContents ();
        var div = document.createElement ('div');

        div.appendChild (clonedSelection);
        return div.innerHTML;
      } else if (document.selection) {
        // Explorer selection, return the HTML
        try {
          userSelection = document.selection.createRange ();
          return userSelection.htmlText;
        } catch (err) {
          return '';
        }
      } else {
        return '';
      }
    }

如何alert(abc)只有当变量的值改变时？请帮助!

Answer 1

如果您的目标是“现代”浏览器，您可以使用 Object.defineProperty定义一个 setter 函数，即每次设置相应字段的值时都会调用的函数。

因为 JS 中的“全局”变量只是窗口对象的成员，所以你应该能够做类似的事情

Object.defineProperty(window, "abc", { set: function(v) { 
  /* this is run every time abc is assigned a value: 
     the value being assigned can be found in v */
} } );