Javascript方法样式：这两种方法样式有什么区别？

Question

Javascript中这两种方法风格有什么区别？它只是光学差异还是存在更微妙的差异？

Ticket.createDetailView = function(elem) {..}

Ticket = {
   createDetailView: function(elem) {..}
}

Answer 1

第一个版本将函数存储在新属性中而不替换Ticket中的对象，而第二个版本创建仅包含一个属性的 new 对象：createDetailView

然而，假设在第一种情况下对象是空的，则没有真正的区别。例如，以下两个代码片段几乎相同：

var foo = {};
foo.bar = 123;
foo.baz = 456;

和

var foo = {
    bar: 123,
    baz: 456
}