У цьому прикладі ви навчитеся створювати об’єкти JavaScript різними способами.
Щоб зрозуміти цей приклад, ви повинні знати такі теми програмування JavaScript:
- Об'єкти JavaScript
- Функція конструктора JavaScript
Ви можете створити об'єкт трьома різними способами:
- Використання об’єктного літералу
- Створюючи екземпляр об’єкта безпосередньо
- За допомогою функції конструктора
Приклад 1: Використання об’єктного літералу
// program to create JavaScript object using object literal const person = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), greet: function() ( console.log('Hello everyone.'); ), score: ( maths: 90, science: 80 ) ); console.log(typeof person); // object // accessing the object value console.log(person.name); console.log(person.hobbies(0)); person.greet(); console.log(person.score.maths);
Вихідні дані
об'єкт Джон читання Привіт усім. 90
У цій програмі ми створили об’єкт з іменем person .
Ви можете створити об’єкт, використовуючи об’єктний літерал. Об’єктний літерал використовує ( )
для безпосереднього створення об’єкта.
Об'єкт створюється за допомогою пари ключ: значення .
Ви також можете визначити функції, масиви і навіть об'єкти всередині об'єкта. Ви можете отримати доступ до значення об’єкта, використовуючи крапкові .
позначення.
Синтаксис створення об’єкта за допомогою екземпляра об’єкта:
const objectName = new Object();
Приклад 2: Створіть об’єкт, використовуючи безпосередньо екземпляр об’єкта
// program to create JavaScript object using instance of an object const person = new Object ( ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), greet: function() ( console.log('Hello everyone.'); ), score: ( maths: 90, science: 80 ) )); console.log(typeof person); // object // accessing the object value console.log(person.name); console.log(person.hobbies(0)); person.greet(); console.log(person.score.maths);
Вихідні дані
об'єкт Джон читання Привіт усім. 90
Тут new
ключове слово використовується з Object()
екземпляром для створення об’єкта.
Приклад 3: Створіть об’єкт за допомогою функції конструктора
// program to create JavaScript object using instance of an object function Person() ( this.name = 'John', this.age = 20, this.hobbies = ('reading', 'games', 'coding'), this.greet = function() ( console.log('Hello everyone.'); ), this.score = ( maths: 90, science: 80 ) ) const person = new Person(); console.log(typeof person); // object // accessing the object value console.log(person.name); console.log(person.hobbies(0)); person.greet(); console.log(person.score.maths);
Вихідні дані
об'єкт Джон читання Привіт усім. 90
У наведеному вище прикладі Person()
функція конструктора використовується для створення об’єкта за допомогою new
ключового слова.
new Person()
створює новий об'єкт.