Heim > Web-Frontend > js-Tutorial > js objektorientierte Programmierung

js objektorientierte Programmierung

hzc
Freigeben: 2020-06-04 13:06:31
nach vorne
2240 Leute haben es durchsucht

1. Objektorientierte Programmierung

1. Prozessorientiert und objektorientiert

1) Prozessorientiert: Konzentrieren Sie sich auf die Prozessschritte zur Lösung eines Problems. Das Merkmal der Programmierung ist, dass jeder Schritt des Prozesses durch Funktionen implementiert wird. ohne das Konzept von Klassen und Objekten.

2) Objektorientiert: Konzentrieren Sie sich darauf, welches Objekt das Problem löst. Das Merkmal der Programmierung besteht darin, dass eine Klasse erscheint, das Objekt aus der Klasse erhalten wird und dieses Objekt das spezifische Problem löst.

Für den Anrufer erfordert die Prozessorientierung, dass der Anrufer verschiedene Funktionen selbst implementiert. Bei der Objektorientierung muss der Aufrufer lediglich die Funktionen bestimmter Methoden im Objekt verstehen, nicht jedoch die Implementierungsdetails der Methode.

2. Die drei Hauptmerkmale der Objektorientierung

Die drei Hauptmerkmale der Objektorientierung sind Vererbung, Kapselung und Polymorphismus. JS kann Vererbung und Kapselung simulieren, aber keinen Polymorphismus. Daher ist JS eine objektbasierte Sprache und keine objektorientierte Sprache im herkömmlichen Sinne.

3. Die Beziehung zwischen Klassen und Objekten

1) Klassen sind abstrakt, Objekte sind konkret (Klassen). ist die Abstraktion von Objekten, und Objekte sind die Konkretisierung von Klassen)

2) Klasse ist ein abstraktes Konzept. Man kann nur sagen, dass eine Klasse Attribute und Methoden hat, Attribute können jedoch nicht spezifisch zugewiesen werden Attribute. Menschen haben zum Beispiel Namen, aber wir können nicht sagen, wie sie heißen.

2. JavascriErstellungsmethode des pt-Objekts

1.var obj = {}//Einfaches Objekt plainObject Objektliteral/Objektliteral

2. Konstruktor (Funktion: Benennungsregel für Groß- und Kleinschreibung)

1) Der systemeigene Konstruktor

var obj = new Object();/ /Äquivalent zu var object = {}

2) Benutzerdefinierte Funktionskapselung

// Nur durch Hinzufügen von Parametern zur Funktion kann die Funktion angepasst werden und die entsprechenden Funktionen können nach Belieben geändert werden Parameter Daten müssen ein neues Objekt sein, wenn ein Objekt erstellt wird

function Car(color){
        this.color=color;
        this.name = "BMW";
        this.height = "1400";
        this.lang = "4900";
        this.weight = 1000;
        this.health = 100;
        this.run = function(){
            this.health -- ;
        }
    }
Nach dem Login kopieren

var car = new Car("red");

3. Schritte des internen Prinzips des Objektkonstruktors

1) Fügen Sie implizit ein Objekt oben im Funktionskörper hinzu: var this = {}

2) Führen Sie den Inhalt im Funktionskörper aus

3) Geben Sie dieses Objekt implizit zurück

 

3. Verpackungsklasse

1 Es ist unmöglich, dass Originalwerte Attribute und Methoden haben (undefiniert, null, Zahl, boolescher Wert, Zeichenfolge)

2. Einige Originalwerte können nach dem Durchlaufen der Verpackungsklasse aufgerufen werden var num=123;//Kein Objekt

var num1=new Number(123);//Es ist ein Objekt

3. Der Prozess der impliziten Verpackungsklasse ist wie folgt

  var num = 4;
  num.len = 3;//隐式发生转换,新建一个数字对象,然后添加属性并赋值,最后删除这个对象,所以在执行过程中没有报错
  console.log(num.len);//再新建一个数字对象,添加属性,所以最后输出为undefined
        
  var str="abcd";
  str.length=2;
  console.log(str.length);
  //输出为4,在输出时原始值str包装类之后输出的为new String('abcd').length,字符串自带length属性,所以输出长度为4
Nach dem Login kopieren

Empfohlenes Tutorial:

"JS Tutorial"

Das obige ist der detaillierte Inhalt vonjs objektorientierte Programmierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage