Detaillierte Erläuterung von fünf gängigen Methoden zum Erstellen von Objekten in Javascript

Fünf gängige Möglichkeiten, Objekte in Javascript zu erstellen:

Es gibt insgesamt sieben Möglichkeiten, Objekte zu erstellen Es gibt zwei Methoden, die häufig verwendet werden. Bitte beherrschen Sie sie:

1. Objektmethode direkt erstellen

Die Erstellungssyntax lautet wie folgt:

var 对象变量名 = new Object();
对象变量名. property1 = value1;
…;
对象变量名. propertyN = valueN;
对象变量名. methodName1 = function([参数列表]){
    //函数体}
…;
对象变量名. methodNameN = function([参数列表]){
    //函数体}

Erstellen Sie zuerst ein Objekt, definieren und legen Sie die Werte der Attribute und Funktionen fest

Referenzbeispiele und Aufrufe sind wie folgt:

var student =new Object();student.name="小李";student.age=21;student.dohomework=function(){
    console.log(this.name+"正在做作业");}
console.log(student.name);student.dohomework();

2 Methode

Die Erstellungssyntax lautet wie folgt:

var 对象变量名 = {
    property1 : value1,
    property2 : value2,
    …, 
    propertyN : valueN,
    methodName1 : function([parameter_list]){
        //函数体
    },
    …, 
    methodNameN : function([parameter_list]){
        //函数体
    }
}

Weisen Sie die Eigenschaften des Objekts zu und definieren Sie Funktionsfunktionen direkt in den geschweiften Klammern

Siehe die Referenzbeispiele und Aufrufe unten:

var teacher = {
    name:"Mr Li",
    age:21,
    teach:function(){
        console.log(this.name+"正在授课ing");
    }
}
teacher.teach();

Hinweis: Verschiedene Attributwerte werden direkt durch Kommas getrennt, und nach dem letzten Wert steht normalerweise kein Satzzeichen

3 Die Konstruktormethode

erstellt die Syntax wie folgt:

function 构造函数([参数列表]){ 
    this.属性 = 属性值; 
    …    this.属性N = 属性值N;    this.函数1 = method1; 
    …    this.函数N = methodN; 
}function method1([参数列表]){
    //函数体}
…function methodN([参数列表]){
     //函数体}

oder

function  构造函数([参数列表]){ 
    this.属性 = 属性值; 
    …    this.属性N = 属性值N;    this.函数1 = function([参数列表]){
        //函数体
    } ;
    …    this.函数N = function([参数列表]){
        //函数体
    } ;
}

Hinweis: Einige Werte können auf Standardwerte gesetzt werden, andere können eingegeben werden die Parameterliste nach Bedarf
Zusammenfassung:
1. Im Vergleich zu den beiden oben genannten Methoden kann die Verwendung der Konstruktormethode zum Erstellen von Objekten effektiv sein Die Konstruktormethode wird zum Erstellen von Objekten verwendet. Dies ist der Unterschied zwischen gewöhnlichen Funktionen. Die Verwendung der Konstruktormethode zum Erstellen von Objekten ist vorzuziehen, da sie die Wiederverwendung von Code verbessert >
Referenzbeispiele und Aufrufe werden unten angezeigt:

function Student(name){
    this.name=name;    this.age=21;    this.play=function(){
        console.log(this.name+"正在玩");
    }
}var student=new Student("仔仔");
student.play();

4.Prototyp-Prototyp-Methode

Die Erstellungssyntax lautet wie folgt:

function 对象构造器( ){} 
对象构造器.prototype.属性名=属性值;
对象构造器.prototype.函数名 = function([参数列表]){
    //函数体}

Nach der Deklaration einer neuen Funktion verfügt die Funktion (in JavaScript sind Funktionen auch Objekte) über ein Prototypattribut, über das Sie Objekten neue Eigenschaften und Methoden hinzufügen können.

Referenzbeispiele und Aufrufe lauten wie folgt:

function Student(){}
Student.prototype.name="仔仔";
Student.prototype.age=21;
Student.prototype.dohomework=function(){
    console.log(this.name+"正在做作业");
}var student=new Student();
student.dohomework();

5. Gemischte Konstruktor-/Prototyp-Methode

Die Erstellungssyntax lautet wie folgt:

function 对象构造器([参数列表]){} 
对象构造器.prototype.函数名 = function([参数列表]){
    //函数体}

Die Konstruktormethode eignet sich zum dynamischen Zuweisen von Werten zu Eigenschaften, diese Methode definiert jedoch auch die Methode im Konstruktormethodenkörper, was den Code komplizierter macht, während die Prototypmethode zum dynamischen Zuweisen nicht geeignet ist Werte werden zu Eigenschaften, aber die auf diese Weise definierten Eigenschaften und Methoden werden voneinander getrennt. Lernen Sie also von den Stärken und Schwächen der anderen – Konstrukteure definieren Eigenschaften und Prototypen definieren Methoden.

Referenzbeispiele und Aufrufe sind wie folgt:

function Student(name){
    this.name=name;    this.age=21;
}
Student.prototype.dohomework=function(){
    console.log(this.name+"正在做作业");
}var student=new Student("仔仔");
student.dohomework();

Es gibt zwei weitere Methoden, die nicht üblich sind und hier nicht erläutert werden.

Verwandte Empfehlungen:

4 Möglichkeiten zum Erstellen von Objekten in JavaScript

Illustration Sieben Möglichkeiten, Objekte in Javascript zu erstellen

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von fünf gängigen Methoden zum Erstellen von Objekten in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!