Ich habe zwei JavaScript-Dateien erstellt. Eine Datei ist "validators.js" und eine andere ist "UserValidations.js".
Hier ist der Code für validators.js
%Vor%In einer anderen js-Datei habe ich eine Funktion zur Validierung des Benutzernamens definiert.
%Vor%Nun, wie es offensichtlich ist, hätte ich die isBlankString (value) -Methode verwenden sollen, um die String-Länge zu überprüfen. Aber ich habe keine Ahnung, wie kann ich die Funktion in einer anderen Datei definiert verwenden?
Die Datei, die die Funktion bereitstellt, muss in Ihrem HTML-Dokument enthalten sein, bevor die Funktion tatsächlich verwendet wird.
Das bedeutet natürlich, dass validators.js vor UserValidations.js eingefügt werden sollte:
Als Nebenbemerkung ist Ihre isBlankString -Funktion übermäßig ausführlich. Überlegen Sie, ob Sie es durch Folgendes ersetzen können:
Die if Anweisung, die Sie haben, ist völlig unnötig.
Noch wichtiger ist, dass Sie beide Funktionen im Fensterobjekt definieren. Es ist am besten, Ihre Funktionen global zu schützen, indem Sie Ihren eigenen Namespace erstellen:
%Vor%Sie sollten alle Ihre Objekte in Ihren eigenen Namensraum wie
setzen %Vor%Sowie die andere Funktion. In Wirklichkeit sind sie derzeit als window.isBlankString definiert. Wenn Sie javaScript von anderen Personen in Ihre Seite laden, werden Sie sehr wahrscheinlich überschrieben.
Zu Ihrer Hauptfrage sollten beide geladen werden, bevor Sie irgendwelche ausführen. Sehen Sie sich die Verwendung von jQuery und der Funktionalität $ (document) .ready an.
Laden Sie immer zuerst Ihre Skripte und führen Sie sie dann aus. Das gleichzeitige Laden und Ausführen führt zu einer Katastrophe und ist normalerweise nicht notwendig. Auf diese Weise brauchen Sie sich keine Gedanken darüber zu machen, in welcher Reihenfolge Sie sie in die Datei einfügen.
Solange Sie beide Dateien haben, können Sie sie einfach anrufen. JavaScript hat kein echtes Konzept von Namespaces, über die man sich Gedanken machen muss. Sie könnten in Erwägung ziehen, die Dateien zu einer zu kombinieren, da sie die Anzahl der HTTP-Anfragen speichert, die an den Server gesendet werden.
Eine nette Methode besteht darin, mehrere js-Dateien zu entwickeln und sie dann in Ihrem make / build-System zu kombinieren, um eine JavaScript-Bibliothek zu erstellen.
Siehe diesen Beitrag für weitere Diskussion und Beispielmakefile: Makefile um js Dateien zu kombinieren und eine komprimierte Version zu erstellen
Sie können das Javascript auch komprimieren und minimieren, um die Dateigröße weiter zu reduzieren: Siehe Komprimiertes JavaScript oder Bester JavaScript-Komprimierer
Wenn Sie in einer HTML-Datei sind, fügen Sie einfach beide Dateien in Ihren HTML-Code ein.
Tags und Links javascript