Es gibt einige Möglichkeiten, ein Objekt in JavaScript zu erstellen.
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.
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.
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
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
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:
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!