Question

我已经完成了这个功能：

var changeFilter = ( function (filterName, filterValue) {

  var filters = {
    "tip-oglasa":           "",
    "zemlja":               "",
    "grad":                 "",
    "deo-grada":            "",
    "min-kvadrata":         "",
    "max-kvadrata":         "",
    "min-soba":             "",
    "max-soba":             "",
    "min-spratova":         "",
    "max-spratova":         "",
    "min-godina-izgradnje": "",
    "max-godina-izgradnje": ""
  };

  return function () { 
    filters[filterName] = filterValue; 
    return filters;
  };

})();

我希望有一个函数，在其中定义对象filters，并通过两个函数（getFilters获取/更改它，这将只是得到过滤器变量和{<1}}将更改过滤器变量和会返回结果。）

是否可以做这样的事情？我不希望将changeFilter对象公开，因为我只想通过这两种方法访问它。

Answer 1

当然，只需返回一个带有函数的对象文字，它将充当方法：

var filtersProxy = ( function () {
  var filters = {
    "tip-oglasa":           "",
    "zemlja":               "",
    "grad":                 "",
    "deo-grada":            "",
    "min-kvadrata":         "",
    "max-kvadrata":         "",
    "min-soba":             "",
    "max-soba":             "",
    "min-spratova":         "",
    "max-spratova":         "",
    "min-godina-izgradnje": "",
    "max-godina-izgradnje": ""
  };


  return {
    getFilters: function getFilters() {
      return filters;
    },

    changeFilter: function changeFilter(filterName, filterValue) {
      filters[filterName] = filterValue;
      return filters;
    }
  };
})();

有关此特定示例的一些注意事项：

filtersProxy.getFilters()将直接返回对filters对象的引用，对此对象的更改将通过filters变量反映出来。也就是说，有人可以做filtersProxy.getFilters().foo = 'bar'并改变它。可能的解决方案：
- 返回对象的副本，以便调用者可以更改您提供的对象，而无需更改filters。
- 提供一个访问者getFilter(key)，它返回指定对象属性的值。
filtersProxy.changeFilter()遇到同样的问题，返回filters。在这里，您只需return this即可返回代理对象，并允许链接：filtersProxy.changeFilter('foo', 'bar').changeFilter('bar', 'baz').getFilter('baz')。
我将参数从IIFE移到changeFilter方法，就像它们真正属于的那样。
考虑到您同时提供get和set访问器，并且没有过滤/验证，除了您计划在您的对象中添加一些验证或其他逻辑外，与直接使用对象相比，这样做没有任何优势。 getter and setters。

Answer 2

当然，例如，您可以使用变量“private”，或者只能使用var在函数范围内访问，然后让getter和setter根据需要更改该变量：

function Filter() {
  var filters = {
    "tip-oglasa":           "",
    "zemlja":               "",
    "grad":                 "",
    "deo-grada":            "",
    "min-kvadrata":         "",
    "max-kvadrata":         "",
    "min-soba":             "",
    "max-soba":             "",
    "min-spratova":         "",
    "max-spratova":         "",
    "min-godina-izgradnje": "",
    "max-godina-izgradnje": ""
  };
  
  this.setFilter = function(filter, value){
  	filters[filter] = value;
  }
  
  this.getFilter = function(){
  	return filters;
  }
}

var filter = new Filter();
console.log(Filter.filters);           // private, shows undefined
console.log(filter.getFilter());       // show filter
filter.setFilter("grad", "foo");       // set grad filter to "foo"
console.log(filter.getFilter());       // shows updated filter

更改函数结果

2 个答案: