Heim > Web-Frontend > js-Tutorial > Tutorial zur JavaScript-Verbesserung – JS-objektorientierte Programmierung

Tutorial zur JavaScript-Verbesserung – JS-objektorientierte Programmierung

黄舟
Freigeben: 2017-01-21 16:22:50
Original
1060 Leute haben es durchsucht

Abstrakte Beschreibung von Dingen
Beschreiben Sie die Eigenschaften und das Verhalten solcher Dinge
Objekte sind Instanzen von Klassen
Code-Implementierung: Erstellen Sie eine Klasse

function peple(){
       this.hp=0;
        this.act = 30;
        this.name = "";
        this.x=0;
        this.y=0;
        this.move =function(x,y){
            document.write(this.name+"正在移动到"+x+","+y);
        }
        this.eat=function(){
            document.write("正在吃");
        }
    }
Nach dem Login kopieren

Instanzen von Klassen: Erstellen Sie An Objekt

var p1 = new peple();
    p1.name="阿达";
    p1.hp = 100;
    p1.move(100,100);
    p1.move(22,200);
Nach dem Login kopieren
erweitert dynamisch eine Methode außerhalb der Klasse
p1.fire = function(x,y){
        document.write(this.name+"正在开火向"+x+","+y);
        p1.hp--;
    }
Nach dem Login kopieren

und ruft eine außerhalb der Funktion definierte Funktion auf

p1.fire(00,00);
    p1.fire(43,22);
    p1.fire(66,88);
    document.write("hp="+p1.hp);
Nach dem Login kopieren

Das Obige ist das Tutorial zur JavaScript-Erweiterung - JS objektorientiert Für Programmierinhalte achten Sie bitte auf die chinesische PHP-Website (www.php.cn), um weitere verwandte Inhalte zu erhalten!


Verwandte Etiketten:
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