Ausleihentechniken aus stark typisierten Sprachen in JS

In diesem Artikel wird erläutert, wie Sie stark typisierte Sprachen im JavaScript -Code verwenden. Diese Techniken reduzieren nicht nur Codefehler, sondern auch die Codemenge. Obwohl dieser Artikel JavaScript als Beispiel nimmt, gelten diese Tipps auch für die meisten schwachen Sprachen.

Schlüsselpunkte:

• Tipps zur Anwendung stark getippter Sprachen in JavaScript können Fehler reduzieren und das Codevolumen reduzieren.
• "Konsistente Typregel" (die angibt, dass alle Werte nur einen Typ haben) kann auf JavaScript angewendet werden, um die Codequalität und -lesbarkeit zu verbessern.
• Typüberprüfung und Typumwandlung sollte am Rand des Moduls durchgeführt werden, um Fehler zu verhindern, die durch implizites Typguss verursacht werden und den Code vereinfachen.
• Die Verwendung von "Null" und "undefinierter" in JavaScript sollte sorgfältig berücksichtigt werden, insbesondere wenn es sich um Referenztypen wie Objekte und Arrays handelt.
• TypeScript ist ein empfohlenes Instrument zur Durchsetzung einer stärkeren typisierten Semantik in JavaScript mit Vorteilen wie einer frühen Fehlererkennung und der Dokumentation der Clearer -Code.

JavaScript -System

Lassen Sie uns zunächst schnell überprüfen, wie das JavaScript -Datentypsystem funktioniert. JavaScript unterteilt seine Werte in zwei Kategorien:

• Primitive Typen wie String, Anzahl und Boolesche. Wenn Sie den ursprünglichen Typ einer Variablen zuweisen, wird immer ein neuer Wert erstellt, der eine Kopie des zugewiesenen Werts darstellt.
• Referenztypen wie Objekt und Array. Der Zuordnungsreferenztyp kopiert immer die gleiche Referenz. Um dies zu verdeutlichen, schauen wir uns das folgende Code -Beispiel an:

var a = [];
var b = a;

a.push('Hello');

Wenn wir A ändern, ändert sich auch die Variable B, da sie sich alle auf dasselbe Array beziehen. So funktionieren alle Referenztypen. JavaScript erzwingt keinen Typ, was bedeutet, dass eine Variable jederzeit einen Datentyp speichern kann. Der Rest dieses Artikels erörtert die Nachteile dieses Ansatzes und wie Sie einfache Tricks bei der Durchsetzung von Typen zum Schreiben eines besseren JavaScript -Codes anwenden können.

Einführung einer konsistenten Typregel

Die konsistente Typregel ist theoretisch einfach: Alle Werte sollten nur einen Typ haben. Stark eingegebene Sprachen erzwingen diese Regel auf Compiler -Ebene und erlauben Ihnen nicht, Typen nach Belieben zu mischen und zu übereinstimmen. Schwache Typen geben uns viel Freiheit. Ein häufiges Beispiel ist die Verkettung von Zahlen zu Saiten. Sie müssen nicht als mühsame Typumwandlung wie in Sprachen wie C durchführen Mach dir keine Sorgen, ich werde dir nicht sagen, dass du alle Annehmlichkeiten aufgeben sollst. Bei konsistenten Typ -Regeln müssen Sie nur darauf achten, wie sich Variablen und Funktionen verhalten, sodass Ihr Code verbessert wird.

Typen in Variablen

Erstens sehen wir, wie die Regel auf eine Variable angewendet wird. Es ist sehr einfach: Ihre Variable sollte immer nur einen Typ haben.

var a = [];
var b = a;

a.push('Hello');

Das obige Beispiel zeigt das Problem. In dieser Regel müssen wir so tun, als ob die letzte Codezeile in diesem Beispiel einen Fehler verursacht, da wir beim ersten Definieren des Variablentextes einen Wert des String -Typs geben und jetzt eine Nummer zuweisen. Konsistente Typregeln bedeuten, dass wir nicht zulassen, dass das Ändern des Typs der Variablen auf diese Weise nicht geändert wird. Es ist einfacher, Ihren Code zu schließen, wenn Ihre Variablen konsistent sind. Es hilft insbesondere bei längeren Funktionen, bei denen es leicht ist, die Quelle von Variablen zu ignorieren. Bei der Arbeit in einer Codebasis, die dieser Regel nicht folgt, habe ich versehentlich viele Fehler verursacht, weil ich eine Variable erklärt habe und dann angenommen hatte, dass sie den gleichen Typ bleiben würde - denn seien wir ehrlich, es macht Sinn, nicht wahr? Normalerweise gibt es keinen Grund, derselben Variablen unterschiedliche Typen zuzuweisen.

Funktionsparameter

eingeben

Die gleichen Regeln gelten auch hier. Die Parameter der Funktion sollten ebenfalls konsistent sein. Ein Beispiel für Fehler:

var text = 'Hello types';

// 错误！不要这样做！
text = 1;

Was ist das Problem hier? Es wird allgemein angenommen, dass Verzweigungslogik basierend auf Typprüfung keine gute Praxis ist. Es gibt einige Ausnahmen, aber in der Regel ist es eine bessere Option, Polymorphismus zu verwenden. Sie sollten versuchen, sicherzustellen, dass der Funktionsparameter auch nur einen Typ enthält. Wenn Sie vergessen, verschiedene Typen zu berücksichtigen, verringert dies die Wahrscheinlichkeit von Problemen und erleichtert den Code, da Sie keinen Code schreiben müssen, um alle verschiedenen Arten von Fällen zu verarbeiten. Bessere Möglichkeiten, die Summenfunktion zu schreiben, sind wie folgt:

function sum(a, b) {
  if (typeof a === 'string') {
    a = 1;
  }

  return a + b;
}

Dann verarbeiten Sie Typ -Überprüfungen im Anrufcode statt in der Funktion. Wie aus den oben genannten Erscheinen hervorgeht, ist diese Funktion jetzt viel einfacher. Selbst wenn wir den Typ -Überprüfungen an anderer Stelle verschieben müssen, desto besser wird er im Code ausführen. Wir werden die Verwendung der Typ -Überprüfung und Type von später in diesem Artikel diskutieren, einschließlich der Art und Weise, wie die Typüberprüfung leicht kaskadiert werden kann, wenn sie falsch verwendet werden.

Typ im Funktionsrückgabewert

Typ

Dies hängt mit den anderen beiden zusammen: Ihre Funktion sollte immer den Wert desselben Typs zurückgeben. Wir können hier ein Beispiel für AngularJs geben. AngularJS bietet eine Funktion, die Text in Kleinbuchstaben umwandelt. Es gibt auch eine Standardfunktion, String.Prototype.tolowerCase. Wir können ihr Verhalten vergleichen, um diesen Teil der Regel besser zu verstehen:

function sum(a, b) {
  return a + b;
}

Variable A enthält das, was Sie erwarten: "Hallo Typen". Aber was wird B einschließen? Wird es eine leere Zeichenfolge sein? Wird die Funktion eine Ausnahme auswerfen? Oder ist es vielleicht nur Null? In diesem Fall ist der Wert von B NULL. Beachten Sie, dass es schwierig ist, sofort zu erraten, was das Ergebnis ist - wir haben von Anfang an drei mögliche Ergebnisse. Bei Winkelfunktionen gibt es für Nicht-String-Werte immer die Eingabe zurück. Lassen Sie uns nun sehen, wie sich integrierte Funktionen verhalten: <🎜>

var a = [];
var b = a;

a.push('Hello');

Das Ergebnis des ersten Anrufs ist der gleiche, aber der zweite Anruf löst eine Ausnahme aus. Integrierte Funktionen befolgen konsistente Typregeln und erlauben keine falschen Parametertypen. Der Rückgabewert ist immer eine Zeichenfolge. Wir können also sagen, dass integrierte Funktionen besser sind, aber Sie fragen sich vielleicht genau, wie das geht? Betrachten wir typische Anwendungsfälle für solche Funktionen. Wir verwenden es irgendwann in unserem Code, um die Zeichenfolge in Kleinbuchstaben umzuwandeln. Wie so oft im JavaScript -Code, können wir nicht 100% feststellen, ob unsere Eingabe immer eine Zeichenfolge ist. Das ist in Ordnung, denn wir sind gute Programmierer und wir gehen davon aus, dass unser Code nicht falsch ist. Was passiert, wenn wir AngularJS -Funktionen verwenden, die diesen Regeln nicht entsprechen? Nicht-String-Werte passieren es ohne Probleme. Es kann mehrere Funktionen übergeben, und wir können es sogar durch den XMLHTTPrequest -Anruf senden. Jetzt liegt der falsche Wert auf unserem Server und geht schließlich in die Datenbank. Sie können sehen, was ich meine, oder? Wenn wir integrierte Funktionen verwenden, die den Regeln entsprechen, werden wir den Fehler zu diesem Zeitpunkt sofort finden. Wenn Sie eine Funktion schreiben, stellen Sie sicher, dass die von ihnen zurückgegebenen Typen konsistent sind. Ein schlechtes Beispiel ist unten gezeigt:

var text = 'Hello types';

// 错误！不要这样做！
text = 1;

In ähnlicher Weise können wir wie Variablen und Parameter, wenn wir eine solche Funktion haben, keine Annahmen über ihr Verhalten treffen. Wir müssen verwenden, um den Typ zu überprüfen, der den Wert zurückgibt. Wir können es irgendwann vergessen und dann wird ein weiterer Fehler in unseren Händen erscheinen. Wir können es auf verschiedene Weise umschreiben, hier ist eine Lösung für dieses Problem:

function sum(a, b) {
  if (typeof a === 'string') {
    a = 1;
  }

  return a + b;
}

Diesmal stellen wir sicher, dass alle Pfade eine Zeichenfolge zurückgeben. Es ist jetzt einfacher, die Ergebnisse der Funktion zu schließen.

null und undefiniert sind spezielle

Bisher haben wir tatsächlich nur das ursprüngliche Genre besprochen. Sie sollten die gleichen Regeln befolgen, wenn es um Objekte und Arrays geht, aber Sie müssen sich zwei Sonderfälle bewusst sein. Bei der Verarbeitung von Referenztypen ist es manchmal notwendig anzugeben, dass es keinen Wert gibt. Ein gutes Beispiel ist document.getElementById. Wenn das Matching -Element nicht gefunden wird, gibt es NULL zurück. Aus diesem Grund betrachten wir Null als Teilen eines Typs mit einem Objekt oder Array, aber nur diesen Objekten oder Arrays. Sie sollten es vermeiden, Null aus Funktionen zurückzugeben, die ursprüngliche Werte wie die Anzahl zurückgeben können. Undefiniert kann auch als "wertlos" angesehen werden. Für die meisten Zwecke kann es als Null gleich angesehen werden, aber Null ist aufgrund seiner Semantik in anderen objektorientierten Sprachen vorzuziehen.

Array und Null

Bei der Verwendung von Arrays sollten Sie auch berücksichtigen, dass leere Arrays normalerweise besser sind als Null. Obwohl Arrays Referenztypen sind, können Sie NULL mit ihnen verwenden. In der Regel ist es sinnvoller, ein leeres Array zurückzugeben. Schauen wir uns das folgende Beispiel an:

var a = [];
var b = a;

a.push('Hello');

Dies ist wahrscheinlich eine der häufigsten Verwendungen von Arrays. Sie erhalten ein Array aus der Funktion und iterer darüber, um andere Operationen auszuführen. Was passiert mit dem obigen Code, wenn GetListOfItems null zurückgibt, wenn kein Projekt vorhanden ist? Es wirft einen Fehler aus, da Null keine Länge (oder ein anderes Attribut) hat. Wenn Sie in Betracht ziehen, Arrays wie diese zu verwenden oder sogar zu listen.

Typprüf- und Typkonvertierung

Erfahren wir mehr über die Überprüfung des Typs und das Typenkonvertieren detaillierter. Wann sollten Sie überprüft werden? Wann sollten Sie Conversion eingeben?

Typ Conversion

Das erste Ziel einer

-Typkonvertierung sollte darin bestehen, sicherzustellen, dass Ihr Wert vom richtigen Typ ist. Der Wert sollte eher eine Zahl als eine Zeichenfolge sein und so weiter. Das zweite Ziel sollte sein, dass Sie den Wert nur einmal konvertieren müssen. Der beste Ort, um die Typumwandlung durchzuführen, ist die Quelle. Wenn Sie beispielsweise Daten vom Server abrufen, sollten Sie in der Funktion, die die empfangenen Daten verarbeitet, eine erforderliche Typkonvertierung durchführen. Das Parsen von Daten aus dem DOM ist ein sehr häufiger Ort, an dem Fehler auftreten. Angenommen, Sie haben ein Textfeld mit Zahlen und möchten es lesen. Oder es kann nur ein Attribut in einem HTML -Element sein, und es muss nicht einmal Benutzereingaben sein.

var text = 'Hello types';

// 错误！不要这样做！
text = 1;

Da die Werte, die Sie aus dem DOM erhalten können, normalerweise Zeichenfolgen sind, ist es wichtig, beim Lesen Konvertiten einzugeben. Bis zu einem gewissen Grad können Sie es als "Rand" des Moduls betrachten. Die Daten gehen in Ihr JavaScript -Modul durch Lesen seiner Funktionen ein, sodass die Daten in das richtige Format umwandeln müssen. Durch die Typumwandlung am Rande des Moduls stellen wir sicher, dass es nicht intern verarbeitet werden muss. Dies reduziert die Möglichkeit impliziten Typen stark, Fehler zu verursachen. Es ermöglicht uns auch, weniger Code zu schreiben, da wir keine falschen Werte zulassen, das Modul von der Kante einzugeben.

function sum(a, b) {
  if (typeof a === 'string') {
    a = 1;
  }

  return a + b;
}

Typeof und Typ Check

Sie sollten nur zum Validierung Typ verwenden, nicht basierend auf der Typ -Zweig -Logik. Es gibt einige Ausnahmen, aber es ist eine gute Faustregel. Schauen wir uns zwei Beispiele an:

function sum(a, b) {
  return a + b;
}

Dies ist ein Beispiel für die Verwendung von Typen zur Validierung. Wir stellen sicher, dass die an die Funktion übergebenen Parameter vom richtigen Typ sind. Das folgende Beispiel zeigt jedoch, welche Zweiglogik auf dem Typ basiert.

var a = [];
var b = a;

a.push('Hello');

Tu das nicht. Während dies manchmal notwendig sein mag, ist dies oft ein Zeichen für schlechtes Design. Wenn Sie diese Logik häufig ausführen, sollten Sie wahrscheinlich zu Beginn Ihres Codes den Wert in den richtigen Typ konvertieren. Wenn Sie in Ihrem Code viel Typen verwenden, kann dies bedeuten, dass Sie möglicherweise den Wert konvertieren, den Sie vergleichen möchten. Typ -Schecks verbreiten sich häufig, was normalerweise ein Zeichen für schlecht gestaltete Typen ist. Wie bereits erwähnt, sollten Sie versuchen, die Typ -Konvertierung an der Modulkante zu verwenden, da Sie die Typen von Kaskade vermeiden können. Wenn Sie so früh wie möglich konvertiert werden, muss keine Funktion, die Sie später aufrufen, keine Typ -Überprüfung oder eine Typkonvertierung durchführen. Dies gilt auch für Objekte: Wenn Sie sich für viele Überprüfungen oder Überprüfungen nach Eigenschaften des Objekts verwenden, sollten Sie die Daten wahrscheinlich auf andere Weise konstruieren. Die gleichen Regeln wie Typeof gelten auch für Instanz: Sie sollten versuchen, dies zu vermeiden, da es sich möglicherweise um ein schlechtes Designzeichen handelt. Es gibt jedoch eine Situation, die unvermeidlich ist:

var text = 'Hello types';

// 错误！不要这样做！
text = 1;

Wenn Ihr Code Ausnahmetypen spezifisch verarbeiten muss, ist die Instanz in der Regel eine gute Wahl, da JavaScript Catch keine Unterscheidung nach Typ wie einige andere Sprachen zulässt. In den meisten anderen Fällen sollten Sie versuchen, eine Instanz zu vermeiden.

Schlussfolgerung

Wie wir festgestellt haben, bringen uns die schwachen Arten von JavaScript eine große Freiheit, aber wir müssen auch vorsichtig sein. Andernfalls werden wir in einem Genre -Chaos ohne Bedeutung landen. Indem wir sicherstellen, dass unser Code konsistente Typregeln folgt, können wir viel Ärger vermeiden. Es ist einfacher, unseren Code zu schließen, wenn wir den Typ kennen. Wir müssen nicht viele Typprüfungen in unserem Code erstellen, um Fehler zu verhindern. Dies scheint schwierig zu sein, wenn Sie keine stark getippte Sprache verwenden, aber es zahlt sich viel aus, wenn Sie Ihren Code debuggen oder pflegen müssen. Für weitere Informationen zu diesem Thema empfehle ich, dass Sie TypeScript ansehen. Es ist eine javaScript-ähnliche Sprache, die der Sprache jedoch stärkere Semantik fügt. Es gibt auch einen Compiler, der einen Fehler ausspuckt, wenn Sie versuchen, einige dumme Dinge wie das Mischen und Abzugstypen zu tun.

FAQs über stark typisierte Sprachen in JavaScript (FAQ)

Was ist der Unterschied zwischen einer stark typisierten Sprache und einer schwach typisierten Sprache?

stark typisierte Sprache bezieht sich auf Sprachen, in denen Variablen an einen bestimmten Datentyp gebunden sind. Beispiele sind Java und C. Auf der anderen Seite ermöglichen schwach getippte Sprachen wie JavaScript Variablen, alle Datenart zu halten und bei Bedarf automatisch Conversions einzugeben. Wenn diese Flexibilität nicht ordnungsgemäß behandelt wird, kann sie zu unerwarteten Ergebnissen führen.

Wie kann man eine starke Typisierung in JavaScript erzwingen?

JavaScript selbst ist eine schwach typisierte Sprache, aber Sie können einen starken Typ mithilfe von TypeScript durchsetzen, ein statisch typisiertes Superet von JavaScript. TypeScript fügt JavaScript statische Typen hinzu, sodass die Typ -Überprüfung zur Kompilierungszeit ermöglicht wird. Dies hilft, Fehler frühzeitig im Entwicklungsprozess zu erkennen. "Strict Muster" ist eine andere Methode in JavaScript, die die Sprache eher wie eine stark typisierte Sprache verhalten lässt, indem sie Fehler für unsichere Aktionen werfen.

Was sind die Vorteile der Verwendung von stark typisierten Sprachen?

stark typisierte Sprachen bieten einige Vorteile. Sie können bei der Kompilierung der Zeit und nicht zur Laufzeit bei der Kompilierung von Fehlern helfen, was eine Menge Zeit der Debugging sparen kann. Sie machen den Code auch selbstdokumentärer, da die Datentypen von Variablen eindeutig angeben, wie sie verwendet werden. Darüber hinaus können sie den Code vorhersehbarer und leichter zu schließen, da sie unerwartete Typumwandlungen verhindern.

Kann ich JavaScript als stark getippte Sprache verwenden?

Während JavaScript standardmäßig keine stark typisierte Sprache ist, können Sie stark typisierte Tools wie TypeScript oder Flow durchsetzen. Diese Tools fügen JavaScript statische Typen hinzu, sodass die Typüberprüfung zur Kompilierungszeit überprüft werden kann. Dies hilft, Fehler frühzeitig im Entwicklungsprozess zu erkennen. Es ist jedoch wichtig zu beachten, dass diese Tools die zugrunde liegende Natur von JavaScript nicht ändern.

Was ist TypeScript und wie bezieht es sich auf JavaScript?

TypeScript ist ein von Microsoft entwickeltes JavaScript -Superset. Es fügt JavaScript statische Typen hinzu, sodass die Typ -Überprüfung zur Kompilierungszeit ermöglicht wird. Dies hilft, Fehler frühzeitig im Entwicklungsprozess zu erkennen. Der Typscript -Code wird in JavaScript konvertiert, was bedeutet, dass er überall überall JavaScript ausführen kann. Es ist vollständig mit JavaScript kompatibel und kann alle Funktionen von JavaScript verwenden.

Was sind die Nachteile der Verwendung von stark typisierten Sprachen?

Während stark typisierte Sprachen viele Vorteile bieten, haben sie auch einige Nachteile. Sie können ausführlicher sein und mehr Code benötigen, um dieselben Aufgaben wie schwache Sprachen zu erledigen. Sie erfordern auch einen Zusammenstellungschritt, der den Entwicklungsprozess verlangsamen kann. Darüber hinaus sind sie möglicherweise weniger flexibel und sind für bestimmte Aufgaben, wie z. B. dynamische Daten, schwieriger zu verwenden.

Wie funktioniert der "strenge Modus" in JavaScript?

"Strict Muster" ist ein Merkmal in JavaScript, das die Sprache eher wie eine stark typisierte Sprache versteckt. Es wirft Fehler für unsichere Aktionen aus, z. B. Werte mit schreibgeschützten Eigenschaften zuzuweisen oder Variablen zu verwenden, bevor sie deklariert werden. Dies hilft, Fehler frühzeitig im Entwicklungsprozess zu erkennen. Um "strengen Modus" zu aktivieren, fügen Sie einfach eine Zeile "Strict" hinzu;

Was ist Typ -Zwang in JavaScript?

Typ -Zwang ist eine Funktion in JavaScript, bei der die Sprache bei Bedarf einen Datentyp automatisch in einen anderen umwandelt. Wenn Sie beispielsweise versuchen, Zahlen und Zeichenfolgen hinzuzufügen, wandelt JavaScript die Zahlen in Zeichenfolgen um, bevor Sie die Zusatz ausführen. Dies ist zwar praktisch, kann aber auch zu unerwarteten Ergebnissen führen, wenn sie unsachgemäß behandelt.

Wie vermeidet man den Typ Zwang in JavaScript?

Eine Möglichkeit, den Typ -Zwang in JavaScript zu vermeiden, besteht darin, den "strengen Modus" zu verwenden, der Fehler für unsichere Aktionen auslöst. Eine andere Möglichkeit besteht darin, den Operator "===" anstelle des "==" -Preibers zum Vergleich zu verwenden, da der erstere keinen Typ -Zwang durchführt. Darüber hinaus können Sie JavaScript mithilfe von Tools wie TypeScript oder Flow statische Typen hinzufügen, die zum Kompilierungszeitpunkt bei der Kompilierungszeit fangen.

Was ist die Zukunft von stark typisierten Sprachen in JavaScript?

Die Verwendung stark typisierter Sprachen in JavaScript kann in Zukunft zunehmen, da sie viele Vorteile bieten, z. Tools wie TypeScript und Flow werden immer beliebter, und es werden neue Tools und Funktionen entwickelt, um JavaScript zu mehr Typ-Safe zu gestalten. Die Flexibilität und Dynamik von JavaScript werden jedoch für viele Entwickler weiterhin die erste Wahl sein.

Das obige ist der detaillierte Inhalt vonAusleihentechniken aus stark typisierten Sprachen in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!