Javascript:对象文字表示法和对象构造函数之间有什么区别?

时间:2013-06-01 21:51:32

标签: javascript object

我正在通过Codeacademy工作,他们表明你必须同时写两篇。但他们没有解释为什么你需要两者。

2 个答案:

答案 0 :(得分:6)

构造函数为对象赋予了一种身份感。它本质上是一个如何创建它可以重复使用的蓝图。它与经典OOP中的类非常相似并经常混淆。

如果您经常拥有一堆“汽车”对象,并且有通常适用于所有汽车的方法或属性,您可以创建一个Car构造函数来帮助封装它。

function Car(numPassengers) {
  this.numPassengers = numPassengers;
}

Car.prototype = {
    accelerate: function () {
      // blah
    },
    brake: function () {
      // blah
    }
};

var jetta = new Car(4);
var bmwZ4 = new Car(2);

对象文字是一种传递即时对象的方法,该对象的结构和创建不需要重复使用。与经典OOP进行比较,类似于Java中的Map(除了javascript对象文字仍然可以有方法)。一个常见的用例是一个函数,它接受一堆可能的参数,但每个参数都是可选的。

function someActionThatTakesOptionalParams(options) {
  if (options.doAlert) {
    alert(options.doAlert);
  }
  if (options.someOtherProperty) {
    // do some work
  }
}

someActionThatTakesOptionalParams({
  doAlert: 'this will show up in an alert box',
  someOtherProperty: 5,
  hello: 'world'
});

这也是一种简单的方法,可以模拟传递给其他没有附加方法的数据。例如,您有一个采用JSON的API:

$.ajax({
  url: 'someApiEndpoint',
  method: 'get',
  params: {
    x: 5,
    y: 10
  }
});

答案 1 :(得分:0)

不是一个愚蠢的问题。实际上,Object构造函数,特别是Array构造函数可能很棘手,因为它们采用不同的语义,这些参数可能会导致细微的错误。

推荐的方法是使用文字{}[]

MDN说:

> new Array(element0, element1, ..., elementN)
> new Array(arrayLength)

第一句构造一个Array并将每个参数推入其中。 第二句构造一个length = arrayLength的数组。 如果您尝试构造一个具有恰好是整数的单个元素的数组,会发生什么?疑难杂症!