在对象构造函数中使用对象文字符号的好处？

Question

我试图了解JS的优点，并看到许多对象文字传递给构造函数的示例。 这种方法的好处是什么？如何使用该方法创建对象？

例如：

myTooltip = new YAHOO.widget.Tooltip("myTooltip", { 
    context: "myContextEl", 
    text: "You have hovered over myContextEl.",
    showDelay: 500
});

假设我正在创建一个简单的类。 许多简单的OO教程建议类似

myCat = new Cat();
myCat.name = "fluffy";
myCat.friendly = true;
myCat.lives = 9

相对于

myCat = new Cat({
    name: "fluffy", 
    friendly:true,
lives: 9
})

如何创建Cat对象以使用此方法？

Answer 1

function Cat(params) {
 this.name = params['name'];
 this.friendly = !!params['friendly'];
  //etc
}

var tom = new Cat({'name' : 'tom', 'friendly' : 'true'});

好处是您可以获得命名参数 （如果收到很多参数 ，则无需记住顺序）。

对我来说也更具可读性

new Cat({'name' : 'tom', 'friendly' : 'true', 'lives' : 9});

比

new Cat('tom',true,9);

此外，提供默认值也更容易，例如使用underscore.js ：

function Cat(params) {

  var defaults = {'friendly' : true, 'lives' : 9};

  params = _.extend(params, defaults);

}

Answer 2

在第一个使用YUI的示例中，对象文字直接用作选项字典。 在没有命名参数并且函数需要很多参数的语言中，此功能很有用。 同样，在JavaScript中以这种方式玩默认值也更容易。

请看以下示例：

function myf(options) {
  var url = options['url'] || 'http://...';
  var method = options['method'] || 'get';
  // ...
}

// Now you can pass only what you deem necessary in the function
myf({ 'url' : 'http://stackoverflow.com' });
myf({ 'method' : 'post' });
myf({});

出于实际目的使用该方法。