Dalam contoh ini, anda akan belajar membuat objek JavaScript dengan cara yang berbeza.
Untuk memahami contoh ini, anda harus mempunyai pengetahuan mengenai topik pengaturcaraan JavaScript berikut:
- Objek JavaScript
- Fungsi Pembina JavaScript
Anda boleh membuat objek dengan tiga cara yang berbeza:
- Menggunakan literal objek
- Dengan membuat contoh Objek secara langsung
- Dengan menggunakan fungsi konstruktor
Contoh 1: Menggunakan literal objek
// 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);
Pengeluaran
objek John membaca Hello semua. 90
Dalam program ini, kami telah membuat objek bernama orang .
Anda boleh membuat objek menggunakan objek secara literal. Objek literal digunakan ( )
untuk membuat objek secara langsung.
Objek dibuat dengan kunci: pasangan nilai .
Anda juga dapat menentukan fungsi, tatasusunan dan bahkan objek di dalam objek. Anda boleh mengakses nilai objek menggunakan .
notasi titik .
Sintaks untuk membuat objek menggunakan contoh objek adalah:
const objectName = new Object();
Contoh 2: Buat Objek menggunakan Instance of Object secara langsung
// 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);
Pengeluaran
objek John membaca Hello semua. 90
Di sini, new
kata kunci digunakan dengan Object()
contoh untuk membuat objek.
Contoh 3: Buat objek menggunakan Fungsi Konstruktor
// 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);
Pengeluaran
objek John membaca Hello semua. 90
Dalam contoh di atas, Person()
fungsi konstruktor digunakan untuk membuat objek menggunakan new
kata kunci.
new Person()
mencipta objek baru.