Javascript - рекомендуемый способ создания объекта

Question

Похоже, что целый ряд способов создания объекта в JavaScript, согласно ниже:

var person = { 
    firstName:"John", 
    lastName:"Doe", 
    age:50, 
    eyeColor:"blue" 
}; 

function person(){ 
    this.firstName = 'first'; 
    this.lastName = 'last'; 
    this.age = 'age'; 
    this.eyeColor = 'eyecolor'; 
} 

person = (function() { 
    this.firstName = 'first'; 
     this.lastName = 'last'; 
     this.age = 'age'; 
     this.eyeColor = 'eyecolor'; 
}(); 

Может кто-то пожалуйста, помогите мне понять, какой из выше является лучшей практикой использования ?

А также по каким сценариям мы используем функцию самозапускания?

Answer 1

Если вы хотите получить максимальную отдачу от своего доллара, вы можете использовать функцию, которая позволяет вам устанавливать «общедоступные» и «частные» переменные. Например:

function Person (name, age) { 
    var number = (Math.random() * 100) | 0; 
    // number is private; there's no way to access it outside 
    // of the scope of this function 
    var surpriseParty = new Date(Date.now() + number*24*3600*1000); 
    // we're throwing you a party within the next 100 days 
    this.name = name; // public 
    this.age = age;  // public 
    return { 
     getName: function() { return name }, 
     getAge: function() { return name }, 
     getPartyDate: function() { return surpriseParty } 
    } 
} 

Как прокомментировал в коде выше, в настоящее время только некоторые переменные могут быть доступны:

var p = new Person("royhowie", 18); 
// p.getName() => "royhowie" 
// p.name => "royhowie" 
// p.getAge() => 18 
// p.age => 18 
// p.number => undefined 
// p.surpriseParty => undefined 
// p.getPartyDate() => date within the next 100 days 

На самом деле, однако, вы должны использовать все, что отвечает всем требованиям лучше всего. Описанный выше метод является простым способом инкапсуляции данных, но если вы хотите, чтобы все были публичны, используйте обычный синтаксис объекта:

var p = { name: "royhowie", age: 18, surpriseParty: new Date() }; 

Я бы не рекомендовал прямоприменяемый анонимный синтаксис функции. Вы должны объявить эту функцию в другом месте (по крайней мере, для отладки); это по крайней мере дает вам возможность создать два разных экземпляра этого объекта.

Answer 2

Этот вопрос уже ответил here, который правильно утверждает, что нет рекомендуемого способа создания объекта JavaScript. Это полностью зависит от вашего варианта использования.

По W3schools есть стандартный способ создания объектов:

Стандартный способ создать «тип объекта» является использование функции конструктора объекта. Вот пример:

function person(first, last, age, eyecolor) { 
    this.firstName = first; 
    this.lastName = last; 
    this.age = age; 
    this.eyeColor = eyecolor; 
} 
var myFather = new person("John", "Doe", 50, "blue"); 
var myMother = new person("Sally", "Rally", 48, "green"); 

Надеюсь, это поможет! :)