Heim  >  Artikel  >  Web-Frontend  >  JavaScript kann keine Objekte erstellen

JavaScript kann keine Objekte erstellen

WBOY
WBOYOriginal
2022-04-11 10:07:262400Durchsuche

JavaScript kann Objekte erstellen. Erstellungsmethode: 1. Verwenden Sie Object, um ein Objekt direkt zu erstellen. Die Syntax lautet „new Object()“. 2. Verwenden Sie das Schlüsselwort new, um ein Objekt zu erstellen. Die Syntax lautet „new object name()“. Erstellen Sie ein Objekt. Die Syntax lautet „object={property“ Name: attribute value,...}“.

JavaScript kann keine Objekte erstellen

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Kann JavaScript keine Objekte erstellen?

Ein JavaScript-Objekt ist eine Variable, die viele verschiedene Werte enthalten kann. Es fungiert als Container für eine Reihe verwandter Werte. Beispielsweise können Benutzer einer Website und Rechnungen auf einem Bankkonto alle JavaScript-Objekte sein.

In JavaScript enthalten Objekte zwei Arten von Werten: Eigenschaften und Methoden.

Wenn Sie ein JavaScript-Objekt erstellen, müssen Sie dessen Namen, Eigenschaften und Methoden definieren.

Methode zum Erstellen eines JavaScript-Objekts:

1. Verwenden Sie Object, um das Objekt direkt zu erstellen

var myObj=new Object();//使用Object类创建一个空的对象
 
myObj.name="wangshihcheng";
 
myObj.age=20;
 
myObj.infor=function(){
 
document.write("名字:"+this.name);//this.的指向问题
 
document.write("年龄:"+this.age);
 
}
 
myObj.infor();//调用创建的对象里面的方法;

2. Verwenden Sie das Schlüsselwort new, um den Konstruktor zum Erstellen des Objekts aufzurufen :

<script>
    var obj = new Object();
    obj.name = "Kitty";//为对象增加属性
    obj.age = 21;
    obj.showName = function () {//为对象添加方法
        console.log(this.name);
    };
    obj.showAge = function(){
        console.log(this.age);
    };
    obj.showName();
    obj.showAge();
</script>

Diese Methode übergibt das neue Schlüsselwort, um ein Objekt zu generieren, und fügt dann Eigenschaften und Methoden gemäß den Merkmalen von JavaScript als dynamischer Sprache hinzu, um ein Objekt zu erstellen. Dies stellt das Objekt dar, für das die Methode aufgerufen wird.

Das Problem bei dieser Methode besteht darin, dass wir den Code mehrmals wiederholen müssen, wenn wir Objekte mehrmals erstellen müssen, was der Wiederverwendung von Code nicht förderlich ist.

3. Verwenden Sie den Prototypenmodus, um Objekte zu erstellen.

In JavaScript verfügt jede Funktion über ein Prototypattribut, bei dem es sich um einen Zeiger handelt, der auf ein Objekt zeigt, das als

Prototypobjekt bezeichnet wird spezifischer Typ. Eigenschaften und Methoden, die von allen Instanzobjekten gemeinsam genutzt werden.

Darüber hinaus verfügt dieses Objekt über einen integrierten Attributkonstruktor, der auf die Konstruktormethode zum Erstellen des Objekts verweist.

Wenn wir das Prototypmuster verwenden, können alle Instanzen gemeinsam genutzt werden die Eigenschaften und Methoden des Prototypobjekts,

Daher müssen wir die Instanzinformationen des Objekts nicht frühzeitig im Konstruktor definieren.

function Student(){
        
 
}
Student.prototype.name="wang";
Student.prototype.sex="man";
Student.prototype.class="5";
Student.prototype.sayName=function(){
    console.log(this.name);
}
 
var s1=new Student();
s1.sayName();//wang
 
var s2=new Student();
s2.sayName();//wang
 
s2.name="shicheng";
s2.sayName();//shicheng

Wenn wir die Eigenschaften eines Objekts lesen, wird eine Suche durchgeführt Beginnen Sie zunächst mit der Objektinstanz selbst.

Wenn dieses Attribut in der Instanz gefunden wird, wird die Suche beendet und der Wert des Attributs zurückgegeben.

Wenn es in der Instanz nicht gefunden wird, fahren Sie mit der Erweiterung fort das Prototypobjekt des Objekts und durchsuchen Sie das Prototypobjekt des Objekts.

Geben Sie dann den Wert zurück, der dem Attribut im Prototypobjekt entspricht.

Daher Es ist ersichtlich, dass die Attribute des Instanzobjekts die Attribute des Prototypobjekts überschreiben.

4 Verwenden Sie JSON, um Objekte zu erstellen 2,...}

//Beachten Sie, dass der Attributname im JOSN-Format in doppelte Anführungszeichen gesetzt werden muss Die Attribute der Instanz und der Prototypmodus werden zum Definieren von Methoden und gemeinsamen Eigenschaften verwendet.

var p={
 
"name":"wangsch",
 
"gender":"man",
 
"age":40,
 
"son":[
 
    {
 
        "name":"son1",
 
        "age":2
 
    },
 
    {
 
    "name":"son2",
 
    "age":5
 
    }
 
],
 
"infor":function(){
 
document.write("父亲的姓名:"+this.name+",父亲的年龄:"+this.age+"<br>");
 
for( var child in this.son ){
 
document.write("儿子的姓名:"+this.son[child].name+",儿子的年龄:"+this.son[child].age+"<br>");
 
                }
 
        }
 
}
 
p.infor();//调用对象p中的infor方法

Dieser gemischte Modus kann die Übergabe von Parametern an den Konstruktor unterstützen und spart außerdem erheblich Speicher.

6. Erstellen Sie Objekte mit dynamischen Prototypenmethoden.

Der Code lautet wie folgt:

function Student(name,sex,grade){
    this.name=name;
    this.sex=sex;
    this.grade=grade;
}
 
Student.prototype.sayName=function(){
    console.log(this.name);
}
 
Student.prototype.school="nongda";

Diese Methode ähnelt der Konstruktor-/Prototyp-Methode. Fügen Sie einfach die Methode zum Konstruktor hinzu und fügen Sie dem Konstruktor ein Attribut Person hinzu, um sicherzustellen, dass die if-Anweisung nur einmal erfolgreich ausgeführt werden kann. In praktischen Anwendungen wird die am häufigsten verwendete Konstruktor-/Prototypmethode verwendet. Dynamische Prototypmethoden sind ebenfalls beliebt und funktionell äquivalent zu Konstruktor-/Prototypmethoden. Verwenden Sie nicht nur Konstruktoren und Prototypenmethoden.


【Verwandte Empfehlungen:

Javascript-Video-Tutorial

,

Web-Frontend

Das obige ist der detaillierte Inhalt vonJavaScript kann keine Objekte erstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn