tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
289
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 14.11.08 23:09 #1
    Avatar von DataFox
    DataFox DataFox ist offline Mitglied Brokat
    Registriert seit
    Nov 2007
    Beiträge
    267
    Ich versuche folgendes:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

    Cool = {
    hallo : function() {
        alert('hallo');
    },
    cu : function() {
        alert('see you!');
    }
}
 
Eins = {
    x : 'foo'
}
Eins.prototype = Cool;
 
Eins.hallo();

    Aber es funkioniert nicht.

    TypeError: Eins.hallo is not a function
    Wie kann ich die Vererbung realisieren, ohne jede einzelne Methode zuzuweisen?

    Gruß
    DataFox
     
    Zitieren Zitieren
  2. 14.11.08 23:38 #2
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Code javascript:
    1
2
3
4
5
6
7
8
9
10
11
12

    Cool = function(){
    this.hallo= function() {
        alert('hallo');
    }
    this.cu = function() {
        alert('see you!');
    }
}
 
Eins=new Cool;
Eins.x='foo';
Eins.hallo();
     
    Zitieren Zitieren
  3. 14.11.08 23:39 #3
    FipsTheThief FipsTheThief ist offline Mitglied Platin
    Registriert seit
    Oct 2004
    Ort
    Leipzig
    Beiträge
    589
    Mhm das verwundert mich nun da Object eigentlich die Methode Object.prototype besitzt in der Regel.

    Denn Date , Array etc leiten sich alle von Object ab. Aber es kann möglich sein das was Du dort hast bereits ein Objekt ist. Also in der Objekt Notation und es somit keine Konstruktor Funktion gibt.

    Mit einen simplen Trick geht es dennoch , angenommen wir schreiben uns ne Funktion aber das ist mehr dazu da um Objekte zu erweitern und macht der Entwickler von dem Prototype Framework so. Wenn mich einer fragt nicht die optimalste Lösung aber kann man doch ab und zu gut gebrauchen um JSON Objekte zu erweitern.

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

    Object.extend = function (object,source) {
    for(property in source) {
        object[property] = source[property]; 
    }
};
 
var object1 = {
    name:"test",
    getName:function(){
        return this.name;
    }
}
 
var object2 = {
    alter:10,
    getAlter:function(){
        return this.alter;
    }
}
 
Object.extend(object2,object1);
 
// nun sollte wenn alles gut gelaufen ist 
// object2 alles von Object 1 übernommen haben
for(key in object2) alert(key);
     
    Zitieren Zitieren
  4. 14.11.08 23:54 #4
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Oder noch ne andere Variante:
    Code javascript:
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

     
if (typeof Object.create !== 'function') {
    Object.create = function (o) {
        function F() {}
        F.prototype = o;
        return new F();
    };
}
 
Cool = {
    hallo : function() {
        alert('hallo');
    },
    cu : function() {
        alert('see you!');
    }
}
 
Eins    = Object.create(Cool);
Eins.x  ='foo';
Eins.hallo();
Zwei    = Object.create(Eins);
alert(Zwei.x);

    Hier gefunden: http://javascript.crockford.com/prototypal.html
    Und wenn ein "JS-Papst" darauf schwört, ist das fast soetwas wie das 11.Gebot
     
    Zitieren Zitieren
  5. 05.02.10 23:10 #5
    Avatar von Thomas Darimont
    Thomas Darimont Thomas Darimont ist offline
    tutorials.de Administrator
    Registriert seit
    Jun 2002
    Ort
    Saarbrücken (Saarland)
    Beiträge
    9.886
    Blog-Einträge
    29
    Hallo,

    hier noch ne kleine Erweiterung zur obigen Variante um den Aufruf einer Methode der "Basis-Klasse":
    Code javascript:
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>JS Inheritance</title>
  </head>
  <body>
    <script type="text/javascript">
        
        if(typeof Object.create !== 'function'){
            Object.create = function(base){
                function Class() {};
                Class.prototype = base;
                return new Class();
            };
        }
        
        
        var base = new function(){
            var value = "base";
            this.getValue = function(){
                return value;
            }   
        };
        
        alert(base.getValue());
        
        var derived = Object.create(base);
        
        derived.getValue = function(){
            return this.__proto__.getValue() + "->" + "derived";
        };
        
        alert(derived.getValue());
        
        var derived2 = Object.create(derived);
        
        derived2.getValue = function(){
            return this.__proto__.getValue() + "->" + "derived2";
        };
        
        alert(derived2.getValue());
    
    </script>
  </body>
</html>

    //Edit sorry für das herauskramen des alten Threads...

    Gruß Tom
     
    Java rocks!
    How to become a good Java Programmer?
    Does IT in Java and .Net
    The only valid measurement of code quality: WTFs / minute
    Blog
    Xing
    Twitter
    Zitieren Zitieren
« Wert eines INPUT mitvererben | Typische JavaScript Fehler automatisch finden lassen mit: javascriptlint »

Ähnliche Themen

  1. C++ - Vererbung
    Von chronixTT im Forum C/C++
    Antworten: 4
    Letzter Beitrag: 08.01.11, 11:25
  2. Vererbung...
    Von SonMiko im Forum Flash Plattform
    Antworten: 3
    Letzter Beitrag: 09.03.08, 11:27
  3. Vererbung
    Von hagbard_celine im Forum CSS
    Antworten: 1
    Letzter Beitrag: 17.12.07, 03:27
  4. <div> Vererbung
    Von Chris B im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 26.10.05, 09:50
  5. Vererbung ?
    Von Speedkill im Forum .NET Archiv
    Antworten: 2
    Letzter Beitrag: 30.05.05, 14:01