javascript - 如何实现这个扩展设置功能

Question

我一直在尝试编写一个扩展函数，这样我的应用程序中就可以有一堆设置，用户可以通过将选项对象传递给构造函数来覆盖这些设置。

我需要类似下面的东西....但是这段代码的问题是对象没有长度属性(这可能不是下面代码的唯一问题)。

有什么想法吗？你如何实现这个。我有一个很好的 Google 并查看了 jQuery 源代码，但我不知道它是如何工作的:

extend : function() {
    for(var i = 0; i < options.length; ++ i) {
        if(options[i] in this.settings) {
            this.settings[options[i]] = options[i];
        }
    }
}

Answer 1

您应该枚举对象属性，您可以为此目的使用for-in 语句，例如:

var obj = {
  // ...
  extend : function(options) {
    for(var i in options) {
      if (options.hasOwnProperty(i)) {
        this.settings[i] = options[i];
      }
    }
  },
  settings: {foo:1}
  //...
};

obj.extend({ bar: 2});
obj.settings; // {foo:1, bar:2}

hasOwnProperty 方法用于检查枚举属性是否物理存在于对象中，因为for-in 可以声明访问继承的属性。