Question

我正在尝试理解JS的细节，并且看到很多对象文字的例子被传递给构造函数。这种方法有什么好处？如何创建我的对象来使用这种方法？

例如：

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

假设我正在创建一个简单的类。许多简单的面向对象教程都提出类似

的内容

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({});

这种方法是出于实用目的。

在对象构造函数中使用对象文字表示法的好处？

2 个答案: