Vier Möglichkeiten zum Erstellen von Objekten in JS

Es gibt vier Möglichkeiten, Objekte zu erstellen:

• 1. Erstellen Sie Objekte mit Literalwerten
• 2. Verwenden Sie den new Charakter, um ein Objekt zu erstellen
• 3. Benutzerdefinierter Konstruktor
• 4. Das Factory-Muster erstellt Objekte

Ein Objekt hat Eigenschaften und Methoden.

1. Objekte durch Literalwert erstellen

var person1 = {

    Name:'Conan',

    Alter: 12,

    Geschlecht: männlich,

    essen:Funktion(){

        console.log("Ich habe Hunger und möchte essen")

    },

    sagen:funktion(){

        console.log("Mein Name ist Conan")

    }

}

console.log("person.eat-Ausgabefunktion",person.eat)

person.eat(); //Gib direkt aus: Ich habe Hunger und möchte essen

Worauf wir achten müssen, ist: der Unterschied zwischen person.eat und person.eat()

• person.eat ist die Ausgabefunktion
• person.eat() ist die aufrufende Funktion

2. Verwenden Sie den neuen Charakter, um ein Objekt zu erstellen

var person2 = neues Objekt();

person2.name = "Conan"

person2.Alter = '21'

person2.sex = "männlich"

person2.essen=Funktion(){

    console.log("Ich habe Hunger und möchte essen")

}

person2.say=funktion(){

    console.log("Mein Name ist Conan")

}

console.log('sex',person2.sex) //Ausgabe männlich

Die Nachteile der beiden oben genannten Möglichkeiten zum Erstellen von Objekten:

Obwohl beide oben genannten Objekte erstellen können

Aber wir wissen nicht, welchen Typ das von uns erstellte Objekt hat?

Natürlich wissen wir, dass sie vom Typ OBject sind

Zu diesem Zeitpunkt müssen wir einen benutzerdefinierten Konstruktor verwenden, um ein Objekt zu erstellen

3. Erstellen Sie ein Objekt mit Ihrem eigenen Konstruktor

Funktion Person(Name,Alter,Geschlecht,Gefällt mir){

    console.log('Dem Parameter like wird kein Wert übergeben, er ist nicht definiert',like)

    //Hier bezieht sich dies auf das Personenobjekt console.log('this',this)

    dies.name=Name;

    dies.Alter=Alter;

    dies.Geschlecht=Geschlecht;

    dies.sagen=funktion(){

        console.log("Mein Name ist",Name)

    }

}

//Diese Codezeile bedeutet, ein Objekt zu erstellen//Gleichzeitig ein Objekt zu instanziieren//Und die Eigenschaften dieses Objekts zu initialisieren//Diese Codezeile ist also nicht einfach let per1=new Person('Conan',19,'男');

per1.sagen();

console.log(pro1 Instanz von Person);//true

Jetzt wissen wir, dass per1 vom Typ Person ist. Das ist der Vorteil beim Erstellen von Objekten mit benutzerdefinierten Konstruktoren. Wir wissen, welcher Objekttyp erstellt wird.

ps: Konstruktoren beginnen normalerweise mit einem Großbuchstaben

Wenn wir ein neues Objekt erstellen, tun wir vier Dinge:

Wenn wir ein benutzerdefiniertes Objekt erstellen, verstehen wir, dass wir beim Erstellen eines neuen Objekts vier Dinge tun:

• 1. Schaffen Sie Platz zum Speichern des aktuellen Objekts
• 2. Setzen Sie this auf das aktuelle Objekt
• 3. Eigenschaften und Methoden festlegen
• 4. Geben Sie this Objekt zurück

4. Das Factory-Muster erstellt Objekte

Funktion createObj(Name,Alter) {

    let obj = neues Objekt();

    Objekt.Name=Name;

    obj.age=Alter;

    obj.sayHi=Funktion(){

        konsole.log(Objektname)

    }

    gibt Objekt zurück;

}

let per=createObj('Objekt',200)

console.log(pro.Alter); //200

per.sayHi(); //Si Teng

Damit ist dieser Artikel über die vier Möglichkeiten zum Erstellen von Objekten in JS abgeschlossen. Weitere Informationen zu den vier Möglichkeiten zum Erstellen von Objekten in JS finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!