Heim > Artikel > Web-Frontend > Zusammenfassung der JavaScript-Objektkenntnisse
Heute sprechen wir über Objektorientierung, nun ja, es ist nicht dieses Objekt, es ist dieses Objekt.
Beginnen wir mit dem heutigen Inhalt:
Was ist objektorientiert:
Es geht darum, Daten und Datenoperationsmethoden zu einem voneinander abhängigen Ganzen zusammenzuführen – einem Objekt. Abstrahieren Sie die gemeinsamen Merkmale ähnlicher Objekte, um eine Klasse zu bilden.
Die meisten Daten in der Klasse können nur mit den Methoden dieser Klasse verarbeitet werden. Die Klasse bezieht sich über eine einfache externe Schnittstelle auf die Außenwelt, und Objekte kommunizieren über Nachrichten. Der Programmablauf wird während der Nutzung vom Benutzer bestimmt.
Begriffserklärung:
Basierend auf Objekten: Alles ist Objekte werden mit dem Konzept von Objekten programmiert.
Objektorientierte Programmierung:
Objekte: sind die Dinge, die Menschen wollen studieren, nicht nur Es kann sowohl konkrete Dinge als auch abstrakte Regeln, Pläne oder Ereignisse darstellen.
Eine ungeordnete Sammlung von Attributen, jedes Attribut kann einen Wert speichern (ursprünglicher Wert, Objekt, Funktion)
Objektattribute und Verhaltensweisen :
Attribute: Verwenden Sie Datenwerte, um seinen Status zu beschreiben
Verhalten: Methoden, mit denen das Verhalten eines Verhaltens geändert wird Objekt
Klasse:
Die Abstraktion von Objekten mit gleichen oder ähnlichen Eigenschaften ist eine Klasse. Die Abstraktion von Objekten sind Klassen. Die Verkörperung der Müdigkeit wird als Objekt bezeichnet.
Apropos objektorientiert, sprechen wir über prozessorientiert:
Sequentielle Ausführung von oben nach unten, schrittweise Verfeinerung ; Die Programmstruktur ist nach Funktionen in mehrere Grundmodule unterteilt, und die Beziehung zwischen den einzelnen Modulen ist so einfach wie möglich und in ihrer Funktion relativ unabhängig Sequenz Es besteht aus drei Grundstrukturen: , Auswahl und Schleife;
Die spezifische Methode der modularen Implementierung besteht in der Verwendung von Programmen. Der Programmablauf wird beim Schreiben des Programms festgelegt.
Nachdem wir über so viele konzeptionelle Probleme gesprochen haben, ist es immer noch etwas vage. Schreiben wir eine Methode für verwandte Objekte:
1. Objekte erstellen
(1) Direkte Menge
Es ist besser, ein Hundeobjekt zu erstellen. Der Code lautet wie folgt:
dog ="Td""汪汪汪"(2) Fabrikmuster
1 <script> 2 //用工厂模式,先要确定创建对象的属性和方法 3 //列如:创建摩拜单车,先要确定其属性和方法 4 //属性:名字 价钱 二维码 颜色 锁 5 //方法 : 跑 6 function createObj(name,price,code){ 7 //创建对象 8 var obj = new Object(); 9 obj.name = name;10 obj.price = price;11 obj.code = code;12 obj.color = "yellow";13 obj.run = function(){14 alert(this.name+"开始出发");15 }16 //在对象里,要使用对象的属性或方法,要用this.属性或this.方法。17 18 //返回对象19 return obj;20 }21 //调用工厂函数22 var a = createObj("摩拜单车1",1,101);23 var b = createObj("摩拜单车2",1,102);24 var c = createObj("摩拜单车3",1,103);25 26 a.run();27 28 alert(a.name + "价钱" + a.price+"元");29 </script>(3) Konstruktor
Der erste Buchstabe des Konstruktornamens wird großgeschrieben, um ihn vom Werksmodus zu unterscheiden
1 <script> 2 //构造函数 (又名 初始函数):用来创建对象的 3 4 //develop:开发 5 //【注意】1、构造函数名 第一个字母 一定要 大写 6 // 2、构造函数没有返回值 7 //this : 表示当前, 指向的是自己本身 8 9 function Game(name,personCount,develop){10 this.name = name;11 this.personCount = personCount;12 this.develop = develop;13 this.play = function(){14 alert("我是"+this.name+"游戏"+"我的玩家数量是:"+this.personCount);15 }16 }17 18 //构造函数不返回对象是因为 关键字new19 //new 关键字创建对象并返回对象20 var Lol = new Game("Lol","1000万","拳头");21 Lol.play();22 var Cf = new Game("cf","3亿","三星");23 Cf.play();24 //instanceof 判断一个对象他父亲是谁25 alert(Lol instanceof Game);26 //Lol instanceof Game true27 //Lol instanceof Object true28 29 </script>
Das Schlüsselwort this wird im Konstruktor verwendet. > Der Konstruktor hat keinen Rückgabewert, der Fabrikmodus erfordert einen Rückgabewert Das war's für heute, morgen wird es aktualisiert. . . .
Das obige ist der detaillierte Inhalt vonZusammenfassung der JavaScript-Objektkenntnisse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!