首頁 > web前端 > js教程 > 在 JavaScript 中建立物件的方法

在 JavaScript 中建立物件的方法

Patricia Arquette
發布: 2024-10-13 06:22:02
原創
1047 人瀏覽過

Methods to create Objects in JavaScript

介紹

在 JavaScript 中建立物件的方法有很多種。

  1. 物件文字
  2. Object() 建構子
  3. Object.create()
  4. 建構子
  5. ES6 類

對象字面量

這可能是在 JavaScript 中建立物件最快、最簡單的方法。這也稱為物件初始值設定項,是一個由零對或多對物件的屬性名稱和關聯值組成的逗號分隔列表,括在大括號 ({}) 中。

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

const newObject = { 
  someKey: "someValue", 
  anotherKey: "anotherValue" 
}
登入後複製

物件值可以是原始資料型別或其他物件。

Object() 建構函數

您可以使用內建的物件建構函式建立物件。
如果傳遞的值為 null 或未定義或未傳遞任何值,則它將建立並傳回空物件。
如果該值已經是一個對象,則傳回相同的值。

// 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. 

登入後複製

對象.create()

此方法可讓您建立具有特定原型的新物件。這種方法使新物件能夠從原型繼承屬性和方法,從而促進類似繼承的行為。

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

const driver = Object.create(person);
driver.name = 'John';
driver.greet(); // Hello John
登入後複製

建構函數

在 ES6 之前,這是建立多個相似物件的常用方法。建構函數只不過是一個函數,借助 new 關鍵字,您可以建立一個物件。

當您使用「new」關鍵字建構物件時,將函數名稱的第一個字元大寫是一個很好的做法。

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
登入後複製

ES6級

更現代的方法有助於創建對象,就像其他 OOP 程式語言一樣,使用帶有建構函數的類別來初始化屬性和方法。

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
登入後複製

參考資料:

  • MDN - JavaScript
  • javascript.info

以上是在 JavaScript 中建立物件的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板