Rumah > hujung hadapan web > tutorial js > Bagaimana untuk mencipta objek dalam js

Bagaimana untuk mencipta objek dalam js

下次还敢
Lepaskan: 2024-05-07 20:15:30
asal
685 orang telah melayarinya

JavaScript menyediakan pelbagai cara untuk mencipta objek: Sintaks literal objek: Gunakan pendakap kerinting untuk mentakrifkan sifat dan nilai. kata kunci baharu: Gunakan pembina untuk memulakan dan mengembalikan objek. Kaedah Object.create(): Mewarisi sifat dan kaedah objek lain. Sintaks kelas: mengisytiharkan objek menggunakan kelas dan pembina. Corak Kilang: Gunakan fungsi untuk mencipta objek dengan kod yang boleh digunakan semula dan konsisten.

Bagaimana untuk mencipta objek dalam js

Cara mencipta objek dalam JavaScript

JavaScript menyediakan pelbagai cara untuk mencipta objek, masing-masing mempunyai kelebihan dan kegunaan tersendiri.

1. Sintaks literal objek

Tersurat objek ialah kaedah yang paling biasa digunakan untuk mencipta objek. Ia menggunakan pendakap kerinting ({}) untuk mentakrifkan sifat dan nilai objek.

<code class="js">let person = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer"
};</code>
Salin selepas log masuk

2. kata kunci baharu

kata kunci baharu digunakan untuk mencipta objek menggunakan pembina. Pembina ialah fungsi yang memulakan dan mengembalikan objek baharu.

<code class="js">function Person(name, age, occupation) {
  this.name = name;
  this.age = age;
  this.occupation = occupation;
}

let person = new Person("John Doe", 30, "Software Engineer");</code>
Salin selepas log masuk

3. Kaedah Object.create()

Object.create() kaedah mencipta objek baharu yang mewarisi sifat dan kaedah objek lain.

<code class="js">let parentObject = {
  name: "Parent Object"
};

let childObject = Object.create(parentObject);

// 访问继承的属性
console.log(childObject.name); // 输出: "Parent Object"</code>
Salin selepas log masuk

4. Sintaks kelas

ES6 memperkenalkan sintaks kelas, yang merupakan cara alternatif untuk mengisytiharkan objek. Kelas ditakrifkan menggunakan kelas kata kunci dan menggunakan pembina secara dalaman.

<code class="js">class Person {
  constructor(name, age, occupation) {
    this.name = name;
    this.age = age;
    this.occupation = occupation;
  }
}

let person = new Person("John Doe", 30, "Software Engineer");</code>
Salin selepas log masuk

5. Corak kilang

Corak kilang menggunakan fungsi untuk mencipta objek. Ini membantu memastikan kod boleh diguna semula dan konsisten.

rreeee

Atas ialah kandungan terperinci Bagaimana untuk mencipta objek dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan