Heim Web-Frontend js-Tutorial Zusammenfassung der JavaScript-Objektkenntnisse

Zusammenfassung der JavaScript-Objektkenntnisse

Jun 23, 2017 am 10:52 AM
javascript js 对象

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""汪汪汪"
Nach dem Login kopieren
(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>
Nach dem Login kopieren
(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>
Nach dem Login kopieren

  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!

Erklärung dieser Website
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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Apr 03, 2024 am 11:55 AM

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung

PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen Dec 18, 2023 pm 03:39 PM

PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen

Was ist das Request-Objekt in PHP? Was ist das Request-Objekt in PHP? Feb 27, 2024 pm 09:06 PM

Was ist das Request-Objekt in PHP?

Wie konvertiere ich ein MySQL-Abfrageergebnisarray in ein Objekt? Wie konvertiere ich ein MySQL-Abfrageergebnisarray in ein Objekt? Apr 29, 2024 pm 01:09 PM

Wie konvertiere ich ein MySQL-Abfrageergebnisarray in ein Objekt?

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Jan 05, 2024 pm 06:08 PM

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode

Was ist der Unterschied zwischen Arrays und Objekten in PHP? Was ist der Unterschied zwischen Arrays und Objekten in PHP? Apr 29, 2024 pm 02:39 PM

Was ist der Unterschied zwischen Arrays und Objekten in PHP?

Die Beziehung zwischen js und vue Die Beziehung zwischen js und vue Mar 11, 2024 pm 05:21 PM

Die Beziehung zwischen js und vue

So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript Jan 05, 2024 pm 01:37 PM

So erhalten Sie auf einfache Weise HTTP-Statuscode in JavaScript

See all articles