Kaedah untuk mencipta Objek dalam JavaScript

pengenalan

Terdapat beberapa cara untuk mencipta Objek dalam JavaScript.

1. Tersurat objek
2. Pembina objek()
3. Object.create()
4. Fungsi pembina
5. Kelas ES6

Tersurat objek

Mungkin ini adalah cara terpantas dan termudah untuk mencipta Objek dalam JavaScript. Ini juga dipanggil sebagai pemula objek ialah senarai dipisahkan koma bagi sifar atau lebih pasangan nama sifat dan nilai berkaitan objek, disertakan dalam kurungan kerinting ({}).

const newObject = {} // Simply create a new empty object

const newObject = { 
  someKey: "someValue", 
  anotherKey: "anotherValue" 
}

Nilai objek boleh sama ada jenis data primitif atau objek lain.

Pembina objek().

Anda boleh mencipta objek menggunakan pembina Objek terbina dalam.
Jika nilai yang diluluskan adalah batal atau tidak ditentukan atau tiada nilai yang diluluskan maka ia mencipta dan mengembalikan objek kosong.
Jika nilai itu sudah menjadi objek, ia mengembalikan nilai yang sama.

// below options create and return an empty object
const ObjWithNoValue = new Object();
const ObjWithUndefined = new Object(undefined);
const ObjWithNull = new Object(null);

const newObject = { 
  someKey: "someValue", 
  anotherKey: "anotherValue" 
}

const sameObject = new Object(someObject);

sameObject['andAnotherKey'] = "one another value";

sameObject === newObject; // both objects are same. 

Object.create()

Kaedah ini membolehkan anda mencipta objek baharu dengan prototaip tertentu. Pendekatan ini membolehkan objek baharu mewarisi sifat dan kaedah daripada prototaip, memudahkan gelagat seperti warisan.

const person = {
  greet: function () {
    console.log(`Hello ${this.name || 'Guest'}`);
  }
}

const driver = Object.create(person);
driver.name = 'John';
driver.greet(); // Hello John

Fungsi pembina

Sebelum ES6, ini adalah kaedah biasa untuk mencipta berbilang objek serupa. Pembina tidak lain hanyalah fungsi dan dengan bantuan kata kunci baharu anda boleh mencipta objek.

Amalan yang baik yang menggunakan huruf besar pertama bagi nama fungsi apabila anda membina objek dengan kata kunci "baharu".

function Person(name, location) {
  this.name = name;
  this.location = location;
  greet() {
    console.log(`Hello, I am ${this.name || 'Guest'} from ${this.location || 'Earth'}`);
  }
}

const alex = new Person('Alex');
alex.greet(); // Hello, I am Alex from Earth

const sam = new Person('Sam Anderson', 'Switzerland');
sam.greet(); // Hello, I am Sam Anderson from Switzerland

Kelas ES6

Pendekatan yang lebih moden membantu mencipta objek sama seperti bahasa pengaturcaraan OOP lain menggunakan kelas dengan fungsi pembina untuk memulakan sifat dan kaedah.

class Person {
  constructor(name, location) {
    this.name = name || 'Guest';
    this.location = location || 'Earth';
  }

  greet() {
    console.log(`Hello, I am ${this.name} from ${this.location}`);
  }
}

const santa = new Person('Santa');
santa.greet(); // Hello, I am Santa from Earth

Rujukan:

• MDN - JavaScript
• javascript.info

Atas ialah kandungan terperinci Kaedah untuk mencipta Objek dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!