Question

我基本上有一个对象：

var foo = function() {
  this.setting = false;
  this.refresh = function() { ... };
}

let a = new foo();
a.setting = true; // a.refresh() is triggered

我需要在写入.setting的任何时候触发刷新。我觉得它与bind有关，但我无法理解它。

Answer 1

您可以使用JavaScript getter和setter。请参阅the MDC documentation on the subject和John Resig's blog post on the subject。请注意，并非所有浏览器都支持此功能。

var Foo = function()//constructor
{
   this._settings = false;//hidden variable by convention
   this.__defineGetter__("settings", function(){
     return _settings;//now foo.settings will give you the value in the hidden var
   });

   this.__defineSetter__("settings", function(s){
      _settings = s;//set the hidden var with foo.settings = x
      this.refresh();//trigger refresh when that happens
   });

   this.refresh = function(){
      alert("Refreshed!");//for testing
   }
}

var a = new Foo();//create new object
a.settings = true;//change the property
//a.refresh() is triggered

<强> Try it!

Answer 2

您需要为对象使用getter和setter。一种方法是直接使用getter / setter函数：

var foo = function()
{
   this.setting = false;
   this.getSetting = function() { return this.setting; }
   this.setSetting = function(val) { this.setting = val; this.refresh(); }
   this.refresh = function()
   {...}
}

如果你想透明地使用foo.setting作为属性，那么就有语言结构，但不幸的是它们不能跨浏览器互操作。在3年前的某种程度上，有一种方法可以支持Mozilla，Safari，Chrome和Opera以及另一种Internet Explorer方法。这是标准方法：

http://robertnyman.com/2009/05/28/getters-and-setters-with-javascript-code-samples-and-demos/

IE9还有别的东西，我不确定它是否适用于非DOM对象。

Answer 3

您在寻找设置制定者吗？像这样的东西？

// renamed settings property with underscore
this._settings = false;

this.settings = function(s) {
     if(s !== undefined) {
        this._settings = s;
        this.refresh();
     }

     return this._settings;
};

...


var f = new foo();
f.setSettings(mySettings);

我倾向于将我的getter和setter组合成JavaScript中的一个方法，因为它很容易实现。这方面的缺点是_settings仍然公开对象，任何人都可以直接写入它。隐藏它的唯一方法是使用闭包，这需要一种完全不同的方法来创建对象。

Answer 4

如果您不受旧版浏览器的限制，可以尝试使用here

所述的方法

Answer 5

我不是你为什么要尝试使用“new”运算符，你最好使用对象文字。现在，如果您看起来类似于C＃属性，您可以执行以下操作：

var myObject = function(){
    //Private Members
    var myProperty = '';

        //Privileged Setter
        this.setMyProperty = function(value){
            myProperty = value;
        };

        //Privileged Getter
        this.getMyProperty = function(){
            return myProperty;
        }

}

var MyNewObject = new myObject();
MyNewObject.setMyProperty("Hello, World!");
MyNewObject.getMyProperty();

有关详细信息，建议您：http://www.crockford.com/javascript/private.html

Answer 6

我知道这是一个已经回答的旧问题，但我想提供一个利用JavaScript最新语法的解决方案。

使用class和getter定义setter：

class Foo {
  constructor() {
    this._setting = false;
  }

  get setting() {
    return this._setting;
  }

  set setting(value) {
    this._setting = value;
    this.refresh();
  }

  refresh() {
    console.log("refresh!");
  }
}

let foo = new Foo();
foo.setting = true; // foo.refresh() is called

将get / set函数附加到js中的objects属性

6 个答案: