Wie kann ich JavaScript-Objekt mit einem String-variable zu definieren, die den Namen der Klasse?

Hier ist, was ich versuche zu tun-das ist pseudo-code und funktioniert nicht. Weiß jemand, wie man diese Aufgabe für real:

//Define the class
MyClass = Class.extend({});

//Store the class name in a string
var classNameString = 'MyClass';

//Instantiate the object using the class name string
var myObject = new classNameString();

InformationsquelleAutor Kirk Ouimet | 2009-09-02

javascript oop

59

Würde es funktionieren, wenn Sie so etwas Tat:
```
var myObject = window[classNameString];
```
..?
- Das hat geklappt. peirix Sie sind genial. Sie denken, es ist cross-browser-kompatibel?
- Denke, du meintest window[classNameString] (ohne Anführungszeichen). Bricht sobald MyClass bewegt wird, um eine niedrigere (d.h. function) Umfang. @kirk: ja, das ist ein cross-browser.
- Wie Sie Argumente an den Konstruktor mithilfe dieser Methode?
- In diesem Fall würden Sie haben zu verwenden window[classNameString](args). Aber als Halbmond Frische erwähnt, vorsichtig sein, da diese brechen könnte in einigen Fällen.
- Das ist toll! Jede Idee, wenn ich tun kann, dass mit den Klassen geladen, die mit requirejs??
- Ich weiß es nicht. Ich habe nicht versucht, aber das sollte einfach ausprobieren. Ich würde vermuten, dass es keine Probleme geben würde, da es im Grunde immer nur die Variablen/Klassen aus globaler Ebene.
- Ich habe es funktioniert, es geht so : require([myModuleName], function(myModule) { var myModuleInstance = new myModule(); }); wo myModuleName ist die Zeichenfolge, die den Namen der Klasse möchte ich zu instanziieren.
- Funktioniert definitiv nicht in node.js
- Das ist wahrscheinlich, weil Sie nicht über die Globale window Objekt in node.js. Und das war nicht wirklich Teil der Frage entweder. Ich denke, es sollte funktionieren mit der global Objekt in node.js statt window nodejs.org/api/globals.html
- Scheint nicht zu funktionieren in node.js mit der globalen entweder. Nicht sicher, warum.,
- Wahrscheinlich besser, gleich eine neue Frage auf, anstatt zu diskutieren es hier (:
- Dies scheint nicht für mich arbeiten. Nach einigen Versuch und Irrtum fand ich, dass das funktioniert: var obj = new Home(id);, dann aber dies nicht: var obj = new window["Home"](id);. Ich bin versucht, diese zu arbeiten: new window[x](id); wo x = "Home"... Der Fehler bin ich immer Uncaught TypeError: window[x] is not a constructor
- funktioniert nicht bei window[prop.pipeVal]('en-US')
- nicht in ES6 🙁
InformationsquelleAutor peirix

Hier ist eine robustere Lösung, die die Arbeit mit Namespaces Funktionen:

var stringToFunction = function(str) {
  var arr = str.split(".");

  var fn = (window || this);
  for (var i = 0, len = arr.length; i < len; i++) {
    fn = fn[arr[i]];
  }

  if (typeof fn !== "function") {
    throw new Error("function not found");
  }

  return  fn;
};

Beispiel:

my = {};
my.namespaced = {};
(my.namespaced.MyClass = function() {
  console.log("constructed");
}).prototype = {
  do: function() {
    console.log("doing");
  }
};

var MyClass = stringToFunction("my.namespaced.MyClass");
var instance = new MyClass();
instance.do();

das ist das beste. Sie können verwenden Sie es in jedem Fall. vielen Dank Yuriy.
Warum (windows || this), nicht-Fensters immer definiert werden?
Die Welt wie wir Sie kennen nicht mehr die Realität. Mietern wie nodejs haben, auch kommen, zu besetzen, um unseren Planeten! 🙂
Da im strikten Modus hat zusammen kommen (ECMA-262 ed-5 im Jahr 2009) window || this zurückkehren können undefined in einem nicht-browser-Umgebung, wenn das ist nicht festgelegt, durch den Aufruf (was es nicht ist in dem Beispiel).

InformationsquelleAutor Yuriy Nemtsov

28

BTW: Fenster ist die Referenz auf das Globale Objekt im JavaScript. Das ist auch this, und sollte auch in nicht-browser-Umgebungen wie Node.js, Chrome-Erweiterungen, transpiled code etc.

var obj = new this[classNameString]();

Die Einschränkung ist, dass die aufgerufene Klasse muss sich im globalen Kontext. Wenn Sie möchten, um denselben zu einem Gültigkeitsbereich von Klasse, die Sie tun müssen:

var obj = (Function('return new ' + classNameString))()

Jedoch, es gibt wirklich keinen Grund für die Verwendung eines string. JavaScript-Funktionen sind selbst Objekte, wie strings, die Objekte auch.

Bearbeiten

Hier ist ein besserer Weg, um die Globale Reichweite, das funktioniert im strict-Modus als auch nicht-browser-JS-Umgebungen:
```
var global;
try {
  global = Function('return this')() || (42, eval)('this');
} catch(e) {
  global = window;
}

//and then
var obj = new global[classNameString]
```
Aus: Wie man das Globale Objekt im JavaScript?
- Es ist nur this bei Aufruf aus einem globalen Kontext. window funktioniert unabhängig von dem Kontext, die Sie in sind, so sehe ich keinen Grund zu bevorzugen this über window.
- Wie die Antwort auf Staaten, die Umgebung in der Sie sich befinden, ist nicht unbedingt ein browser. Daher ist die Verwendung this ist vorzuziehen, weil in einer nicht-browser-Umgebung window undefiniert sein kann, oder nicht, was Sie erwarten.
- Meistens, wenn Sie schreiben, ein Stück von javascript, die Sie wissen, ob es für clientseitiger oder-sagen wir-Knoten. Wenn Sie wissen, dass es für ein browser ist, dann gibt es keine Nachteile zu bevorzugen window über this.
- nirgendwo in der Frage, ist es impliziert, dass die Umwelt clientseitiger. Auch clientseitiger bedeutet nicht unbedingt "browser" entweder. Die Antworten bieten einen Weg zur Erfüllung des OP den Anforderungen durch explizit verweisen auf den globalen Kontext - das ist der springende Punkt. Ich habe darauf hingewiesen, dass der einzige zuverlässige Weg, um auf den globalen Kontext der Globale Kontext ist this, nicht window. Außerdem ist die zuverlässigste Weg, um auf den globalen Kontext NICHT aus dem globalen Kontext ist top. Auch vielleicht gut zu injizieren es in die Schließung.
- Wenn Sie den code testen, werden Sie feststellen, es funktioniert von jedem Kontext, nicht nur den globalen Kontext. Das ist, warum wir tun Function('return this')() statt return this. Der ehemalige wechselt automatisch in den globalen Kontext. Dies funktioniert unabhängig vom Kontext. Fenster können überschrieben werden, und ist nur browser. Es ist gut, um nicht zu wissen, code Ausführungskontext zu schreiben, cross-Plattform-code. Die Antwort, die ich gab, ist cross-Plattform und kann nicht überschrieben werden, und daher viel besser als mit window. Es funktioniert in transpiled-code, wie mit webpack, schlucken und in den Knoten, Erweiterungen etc. Bitte testen Sie es zuerst.
- Ich denke, die Verwirrung ist hier, dass die Funktion muss in den globalen Gültigkeitsbereich. Der Kontext des Aufrufs kann jeder Rahmen. Das ist das gleiche für die Verwendung von window ohne Probleme mit window. Der Kontext des Aufrufs kann jeder Rahmen.
InformationsquelleAutor bucabay
11

Wenn MyClass ist global, Sie können es als eine Eigenschaft des window-Objekts (vorausgesetzt, dass Ihr code läuft im browser) mit subskript-notation.
```
var myObject = new window["MyClass"]();
```
InformationsquelleAutor Chetan Sastry
4

Wenn classNameString kommen aus sicheren Quelle, die Sie verwenden können,
```
var classNameString = 'MyClass';
var myObject = eval("new " + classNameString + "()");
```
Diese Lösung arbeitet mit namespaces und ist unabhängig von der Plattform (browser/server).
- Dies ist identisch zur gelöschten Antwort von vor 3 Jahren.
- Ich weiß nicht, über Sie und weiß nicht, warum es gelöscht wurde?
- Es wurde gelöscht, weil eval öffnet ein Sicherheits-Risiko für die client-Seite Benutzer. Es sei denn, Sie sind mit javascript, die in geschlossene Produktion, der beste Rat ist, nicht zu verwenden eval. Es ist gute Praxis, nicht verwenden es in Erster Linie, weil es vielleicht eine schlechte Gewohnheit geworden.
- heißt das auch ich darf nicht trinken Sie ein Bier in Erster Linie, weil es vielleicht eine schlechte Angewohnheit geworden? 🙂
- Nach Ihrer Analogie: Mit eval wenn Sie habe gehört, dass es eine schlechte Idee ist wie betrunken fahren. "Es ist nichts passiert ...hic... das Letzte mal fuhr ich trinken ..hic.. in der Tat ich fahre betrunken besser! ...hic..." mit der Zeit etwas schief geht, ist es zu spät. Nicht den Kerl.
- Der Anwalt NIE über eine Funktion, eval oder anderweitig, ist nur schlecht beraten. Wenn es eine Funktion ohne Verwendung Fällen, es wäre schon abgeschrieben und entfernt werden, da ein feature jetzt.
- Genau MacroMan. Für es zu sein gelöscht so eine Antwort ist lächerlich.
- Trotz diese Lösung ist gefährlich, es tatsächlich funktioniert in jeder Umgebung, insbesondere in node.js.
InformationsquelleAutor Misaz

Hier ist die verbesserte version von Yuriy ' s Methode, die auch Griffe Objekte.

var stringToObject = function(str, type) {
    type = type || "object";  //can pass "function"
    var arr = str.split(".");

    var fn = (window || this);
    for (var i = 0, len = arr.length; i < len; i++) {
        fn = fn[arr[i]];
    }
    if (typeof fn !== type) {
        throw new Error(type +" not found: " + str);
    }

    return  fn;
};

InformationsquelleAutor pjesi

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Bearbeiten