Methoden zum Erstellen von Objekten in JavaScript

Einführung

Es gibt einige Möglichkeiten, ein Objekt in JavaScript zu erstellen.

1. Objektliterale
2. Object()-Konstruktor
3. Object.create()
4. Konstruktorfunktion
5. ES6-Klasse

Objektliterale

Wahrscheinlich ist dies der schnellste und einfachste Weg, ein Objekt in JavaScript zu erstellen. Dies wird auch als Objektinitialisierer bezeichnet. Dabei handelt es sich um eine durch Kommas getrennte Liste von null oder mehr Paaren von Eigenschaftsnamen und zugehörigen Werten eines Objekts, eingeschlossen in geschweifte Klammern ({}).

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

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

Objektwerte können entweder primitive Datentypen oder andere Objekte sein.

Object()-Konstruktor

Sie können ein Objekt mit dem integrierten Objektkonstruktor erstellen.
Wenn der übergebene Wert null oder undefiniert ist oder kein Wert übergeben wurde, wird ein leeres Objekt erstellt und zurückgegeben.
Wenn der Wert bereits ein Objekt ist, wird derselbe Wert zurückgegeben.

// 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()

Mit dieser Methode können Sie ein neues Objekt mit einem bestimmten Prototyp erstellen. Dieser Ansatz ermöglicht es dem neuen Objekt, Eigenschaften und Methoden vom Prototyp zu erben, was ein vererbungsähnliches Verhalten ermöglicht.

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

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

Konstruktorfunktion

Vor ES6 war dies eine gängige Methode zum Erstellen mehrerer ähnlicher Objekte. Der Konstruktor ist nichts anderes als eine Funktion und mit Hilfe eines neuen Schlüsselworts können Sie ein Objekt erstellen.

Es empfiehlt sich, das erste Zeichen eines Funktionsnamens groß zu schreiben, wenn Sie das Objekt mit dem Schlüsselwort „new“ erstellen.

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-Klasse

Ein modernerer Ansatz hilft beim Erstellen von Objekten, genau wie bei anderen OOP-Programmiersprachen, indem eine Klasse mit Konstruktorfunktion zum Initialisieren von Eigenschaften und Methoden verwendet wird.

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

Referenzen:

• MDN – JavaScript
• javascript.info

Das obige ist der detaillierte Inhalt vonMethoden zum Erstellen von Objekten in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!