Heim > Web-Frontend > js-Tutorial > AOP (aspektorientierte Programmierung) und OOP (objektorientierte Programmierung) von yui3_YUI.Ext verwandt

AOP (aspektorientierte Programmierung) und OOP (objektorientierte Programmierung) von yui3_YUI.Ext verwandt

WBOY
Freigeben: 2016-05-16 16:01:31
Original
1249 Leute haben es durchsucht

Legen Sie bitte zunächst Ihre Hände auf Ihre Brust und meditieren Sie: Verliebe ich mich in das Leben oder bin ich im Leben gefangen?

Ich habe die Antwort noch nicht herausgefunden. Nun, Sie können Folgendes lesen. Aus semantischer Sicht können unterschiedliche Ausdrücke derselben Sache die subjektiven Perspektiven verschiedener Menschen widerspiegeln. Aus philosophischer Sicht beeinflusst die Weltanschauung die Methodik und zieht manchmal völlig widersprüchliche Schlussfolgerungen, was sich auf unser Handeln auswirkt Methoden und Verhaltenskodizes sind im wirklichen Leben so, und noch mehr in farbenfrohen Programmiersprachen. Programmiermodelle sind voll von verschiedenen Simulationen der realen Welt, einschließlich prozessorientierter, objektorientierter und aspektorientierter. Wir sind wahrscheinlich bereits sehr vertraut mit prozessorientiert und objektorientiert. Das englische Wort für Aspekte ist Aspekte (manchmal habe ich das Gefühl, dass die Verwendung von Aspekten die Konnotation von Aspekten angemessener ausdrücken kann).

Links zu AOP finden Sie hier:
http://en.wikipedia.org/wiki/Aspect-ori ... Programmierung

Benutzerdefinierte Ereignisse in YUI3 implementieren AOP
http://developer.yahoo.com/yui/3/event

Was sind Slices? Um ein einfaches Beispiel zu nennen: Jeden Tag pendeln wir zur und von der Arbeit, fahren mit der U-Bahn, mit dem Bus, treffen uns mit unseren Freundinnen, spielen Spiele im Internetcafé, gehen ins Kino, um Filme anzusehen ... wir müssen das tun Viele Dinge an einem Tag, jeder ist ein Objekt, alles, was wir tun, ist die Methode dieses Objekts, zum Beispiel

甲.上班();<br>乙.坐地铁();<br>丙.看电影();
Nach dem Login kopieren


Tatsächlich können wir es aus einem anderen Blickwinkel betrachten. Unternehmen brauchen Mitarbeiter, die zur Arbeit kommen, der Schienenverkehr braucht alle, die ihn mitnehmen, und Kinos zeigen Filme für alle. Daraus wird:

公司.need(甲)<br>地铁.carry(乙);<br>电影院.放电影给(丙);
Nach dem Login kopieren


Aus dieser Sicht sind nicht nur die Personen A, B und C Objekte, sondern auch Unternehmen, U-Bahnen und Kinos. Diese Abstraktion ist der traditionelle aspektorientierte Aspekt. Bei der JS-Programmierung ist das Programm im Allgemeinen nicht groß, sodass es möglicherweise nicht den Punkt erreicht, an dem eine Abstraktion auf Aspektebene erforderlich ist. Aber sein ereignisgesteuertes Prinzip erinnert leicht an AOP. Das vorherige Beispiel in js könnte sein:

someone.dosth();//OOPobject.fire('event',someone);//AOP
Nach dem Login kopieren

Wenn der obige Code außerhalb des Kontexts betrachtet wird, ist er semantisch immer noch weit hergeholt. Es ist nur so, dass viele JS-Frameworks die Randfunktionen der Aspektprogrammierung in Methoden kapseln, was für viele Menschen irreführend ist. Zum Beispiel die Ereignisbindung. Wenn die Ausführung der Funktion foo beendet ist, führen Sie myfoo aus und fügen Sie die Überwachung für foo hinzu, ohne foo zu ändern

var foo = function(){
  //some code here
};

jQuery.aop.after(foo,function(){
  //added code here
});
Nach dem Login kopieren
Sowohl JQuery als auch Prototyp implementieren diese einfache Funktionsbindung.

jquerys AOP ist hier. Aber in yui3 wird AOP zu einem internen Mechanismus für benutzerdefinierte Ereignisse hochgestuft, der überall im Quellcode zu sehen ist. Dies ist hilfreich, um den Code-Wiederverwendungsmechanismus von yui3 zu verstehen. Gerade dank dieser Abstraktion sind die benutzerdefinierten Ereignisse von yui3 äußerst leistungsstark und flexibel. Im Vergleich zu OOP besteht der Vorteil von AOP in der nicht aufdringlichen „Dekoration“. In den meisten Fällen wird jedoch nicht empfohlen, AOP zuerst zum Schreiben von Code zu verwenden. Schauen wir uns dieses Beispiel an: Die Lebensgewohnheiten aller sind sehr ähnlich. Hier sind vier Verhaltensweisen als Beispiele: Zur Schule gehen, Mädchen hochnehmen und Spiele spielen. Die Wahrscheinlichkeit, dass jedes Ereignis eintritt, ist Dasselbe. Das Kind, das spielt, geht nur ins Internetcafé, um Spiele zu spielen und Mädchen abzuholen. C ist ein Kind, das gerne lernt und nie Mädchen spielt Erfahrung: Er macht immer zwei Dinge gleichzeitig. Wenn er zur Schule geht, holt er Mädchen ab und spielt nach der Schule. Hier wird ein div verwendet, um jede Person darzustellen, und onmouseover wird verwendet, um jedes Ereignis auszulösen.

Bei Verwendung der OOP-Methode sollte die Programmstruktur wie folgt aussehen:

Der Code ist hier:

yui_oop.htm

Wenn die „Verrückten“ hier von den „normalen Menschen“ erben, erreichen sie den Zweck der Überlastung durch Umschreiben des Codes, was offensichtlich gegen das Prinzip der Nichtaufdringlichkeit verstößt. Schauen wir uns die Idee von AOP an:

Der Code ist hier:

yui_aop.htm

Hier wird die Event-Release-Factory abstrahiert, die speziell für die Veröffentlichung von Ereignissen verwendet wird. Die von ihr generierten Life-Track-Objekte überwachen alle und erfassen die verschiedenen Verhaltensweisen aller. Die Factory verwendet die Listener-Bindung der oben genannten Funktion, wenn sie den „Lebenstrack einer seltsamen Person“ generiert. Diese Bindung ist nicht invasiv und kann gut von der Factory entkoppelt werden. Beim Vergleich von OOP und AOP aus diesem Beispiel ist die Komplexität beider ähnlich, aber AOP hat eine umfassendere Idee und der Code ist flexibler.


Verwandte Etiketten:
aop
Quelle:php.cn
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