Dynamisch erstellen Sie eine neue javascript-Klasse, die aus einem vorhandenen Objekt

Sagen, ich habe den folgenden code:

var album = new MyObject('album');

Davon ausgehen, dass, wenn das Objekt konstruiert wird, eine Reihe von Eigenschaften relativ zu nur Alben geladen werden via AJAX. Wäre es möglich, erstellen Sie ein Album Klasse, so dass zu einem späteren Zeitpunkt, kann ich nur dazu:

var anotherAlbum = new Album();

Den Album Konstruktor automatisch die Eigenschaften, die einzigartig für album-Objekte, basierend auf dem, was geladen wurde, wenn die Erstellung MyObject('album')

InformationsquelleAutor jd. | 2010-02-26

3

JavaScript - "Klassen", so wie jedes andere Objekt, können Sie dynamisch erstellt. Also, ja, dies getan werden kann.

Würden Sie etwas tun, wie dies in der code-handling der AJAX-Antwort (vorausgesetzt, dass die AJAX-Antwort war der name der neuen "Klasse", und es ist in einer Variablen namens newClassName):
```
window[newClassName] = function() {
  //New class name constructor code
}

window[newClassName].prototype = {

  someProperty: "someValue",

  someMethod: function(a, b) {
  },

  someOtherMethod: function(x) {
  }
}
```
Meine wichtigste Frage wäre, wie schaffen Sie die "Album" - Objekt, so dass es genannt werden kann an jedem Punkt in der Anwendung

InformationsquelleAutor jhurshman
9

JavaScript ist prototypal, nicht die klassische, also, wenn Sie denken in Begriffen von Klassen, du machst es falsch.

Müssen Sie nicht verwenden die new Betreiber überhaupt. Sie können erstellen Sie ein neues Objekt mit dem Objekt-literal:
```
var myObject = {attr1: 'val1', attr2: 'val2'};
```
Dann erstellen Sie eine neue Instanz des Objekts:
```
var mySecondObject = Object.create(myObject);
```
Nun können Sie änderungen an den Parametern der mySecondObject, und wenn es mit Methoden, die Sie überlastet werden kann, Sie einfach als leicht:
```
mySecondObject.attr1 = "Hello";

mySecondObject.attr2 = function() {
                           return "World!";
                       };
```
Dann mySecondObject natürlich haben alle die Eigenschaften, die Sie gab myObject auf die Schöpfung.

Sich bewusst sein, dass dies ist eine einfache version, und, dass diese Blätter alle Attribute "öffentlich". Wenn Sie brauchen etwas Privatsphäre, es kann erreicht werden, indem Sie einige Funktionen in den mix. Es ist ein bisschen komplizierter, obwohl, so lassen Sie mich wissen, wenn Sie interessiert sind...

InformationsquelleAutor Adrian Schmidt
3

Dies ist eigentlich die einzige bei der Vererbung von JavaScript hat. JavaScript hat prototypal inheritance (die verwendet werden können, neu zu erstellen klassischen Vererbung). Das bedeutet, dass die Vererbung ist aus einem anderen Objekt, nicht die Klasse definition.

Um ein Objekt zu erstellen, die alle Eigenschaften eines anderen Objekts ist einfach:
```
function Album() {
   //do whatever initialization you need to here, all the properties of album 
   //are available on 'this'
   //e.g.,
   doSomething(this.albumName);
}
Album.prototype = album;

var anotherAlbum = new Album();
```
InformationsquelleAutor noah

Können Sie verwenden, Douglas Crockford ' s Funktionale Vererbung. Code aus Javascript Good Parts book

var mammal = function (spec) {
    var that = {};

    that.get_name = function (  ) {
        return spec.name;
    };

    that.says = function (  ) {
        return spec.saying || '';
    };

    return that;
};

var myMammal = mammal({name: 'Herb'});


var cat = function (spec) {
    spec.saying = spec.saying || 'meow';
    var that = mammal(spec);
    that.purr = function (n) {
        var i, s = '';
        for (i = 0; i < n; i += 1) {
            if (s) {
                s += '-';
            }
            s += 'r';
        }
        return s;
    };
    that.get_name = function (  ) {
        return that.says(  ) + ' ' + spec.name +
                ' ' + that.says(  );
    return that;
};

var myCat = cat({name: 'Henrietta'});

Verwendet es Funktionen zum dekorieren bestehenden javascript-Objekte mit neuen Funktionen und Eigenschaften. So können Sie fügen Sie neue Funktionen und Eigenschaften on the fly " zu Ihrem bestehenden Objekt

InformationsquelleAutor mcaaltuntas

-1

Können Sie dies tun,

var NewClass=function(){
    this.id=null;
    this.name=null;
    this.show=function(){
        alert(this.id+" "+this.name;
    }
}
NewClass.prototype.clear=function(){
    this.id=null;
    this.name=null;
};

...

var ins1=new NewClass();
var ins2=new NewClass();

Ich sehe nicht, wie diese Antworten die 5 Jahr alte Frage .

InformationsquelleAutor Ehsun Shojaeenia

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.