5 schlechte Angewohnheiten beim Schreiben von JavaScript-Code. Sehen Sie, ob Sie erschossen werden?

In diesem Artikel werden hauptsächlich 5 schlechte Angewohnheiten beim Schreiben von JavaScript-Code vorgestellt. In diesem Kapitel werden Probleme wie die fehlende Verwendung von Namespaces, Variablendefinitionen, der Variablenbereich von Javascript, die Objektorientierung von Javascript, ein neues Schlüsselwort usw. hervorgehoben. Freunde, die es benötigen, können darauf verweisen.

Javascript hat im Internet einen schlechten Ruf, aber es ist schwer, eine andere Sprache zu finden, die so dynamisch, so weit verbreitet und so in unserem Leben verwurzelt ist. Aufgrund ihrer geringen Lernschwelle bezeichnen viele Menschen sie als Skriptsprache für Vorschulkinder. Ein weiterer Grund zum Lachen ist, dass das Konzept der dynamischen Sprache statische Datentypen mit hohem Standard verwendet. Tatsächlich stehen sowohl Sie als auch Javascript auf der falschen Seite, und jetzt machen Sie Javascript sehr wütend. Hier sind fünf Gründe, warum Ihre JavaScript-Kenntnisse schlecht sind.

1. Sie verwenden keine Namespaces.

Erinnern Sie sich, als Ihr Lehrer an der Uni Ihnen sagte, Sie sollten in Ihren Hausaufgaben keine globalen Variablen verwenden? Die Verwendung globaler Variablen in Javascript ist keine Ausnahme. Wenn Sie nicht aufpassen, werden die Webseiten chaotisch und mit einem Durcheinander sich gegenseitig verletzender Skripte und Skriptbibliotheken aus allen Ecken des Internets gefüllt. Wenn Sie eine Variable „loader()“ nennen, ist das ein Ärgernis. Wenn Sie eine Funktion überladen, ohne es zu merken, wird Sie Javascript überhaupt nicht daran erinnern. Sie haben es auch eine Programmiersprache für Vorschulkinder genannt, erinnern Sie sich? Was ich damit sagen will ist, dass Sie wissen müssen, was passiert, nachdem Sie dies getan haben.

function derp(){ alert(“one”); }
function derp(){ alert(“two”); }
derp();

„zwei“, die Antwort ist „zwei“. Es muss nicht so sein, es könnte „eins“ sein. Daher ist es einfach, Ihren gesamten Code in einem eigenen Namensraum abzulegen. Hier ist eine einfache Möglichkeit, Ihren eigenen Namespace zu definieren.

var foospace={};
foospace.derp=function(){ alert(“one”); }
function derp(){ alert(“two”); }
foospace.derp();

2. Sie zaubern, Sie definieren Variablen nacheinander.

Die Verwendung einer unerklärlichen Kombination aus Zahlen und Buchstaben als Variablennamen ist ein hoffnungsloses Ergebnis. Das Finden einer Zeichenvariablen ohne Bedeutung in einem 40-zeiligen Codeblock ist ein Wartungsalptraum. Auch das Mischen der ersten Variablendeklaration in einen 40-zeiligen Codeblock ist ein Albtraum. Selbst wenn Sie selbst auf eine solche Variable stoßen, müssen Sie sich fragen: „Wo ist diese definiert?“ und dann schnell die Strg-F-Kombination verwenden, um die Stelle zu finden, an der diese Variable ursprünglich im Quellcode definiert wurde. Nein, tun Sie das nicht, im Gegenteil, es ist ein Missbrauch von Javascript und eine dumme Vorgehensweise. Sie sollten eine Variable immer am Anfang ihres Gültigkeitsbereichs definieren. Das bedeutet nicht, dass Sie es nicht tun müssen, nur weil es nicht notwendig ist.

function(){
var a,//description
b; //description
//process…
}

3. Sie verstehen den Gültigkeitsbereich von Javascript-Variablen nicht.

Du bist ein genialer Programmierer. Was du isst, ist C und was du tust, ist List. Sie wissen, was der Gültigkeitsbereich von Variablen ist, Sie haben die vollständige Kontrolle über Ihre Variablen und wachen wie ein König über sie. Allerdings mischt sich Javascript in Ihren Kaffee und bringt Sie zum Lachen.

var herp=”one”;
{
var herp=”two”;
}
alert(herp);

In diesem Fall ist der Herp, den Sie bekommen, nicht „eins“, sondern „zwei“. Der Variablenbereich von Javascript ist nicht wie bei anderen Sprachen von Codeblöcken abhängig. Der Variablenbereich von Javascript basiert auf Funktionen. Jede Funktion hat ihren eigenen Variablenbereich, und Javascript ist diesbezüglich cool und ignoriert den bedeutungslosen Bereich, der in geschweifte Klammern eingeschlossen ist. Tatsächlich ist Javascript so cool, dass Sie sogar Variablenbereiche wie Namespaces oder Variablen weitergeben können.

4. Sie denken, dass die objektorientierten Funktionen von Javascript nur aufgepfropft sind.

Javascript ist seit seiner Einführung eine objektorientierte Sprache. Alles in Javascript ist ein Objekt, alles! Sogar wörtliche Symbole wie Zahlen und Zeichen können durch einen eigenen inhärenten Konstruktor in Objekte umgewandelt werden. Im Vergleich zu anderen objektorientierten Sprachen unterscheidet sich Javascript dadurch, dass es keine Klassen hat. Javascript-Objekte werden wie Funktionen definiert, und sogar Funktionen selbst sind Objekte. Javascript verfügt über ein Attribut namens „Prototyp“. Dieses Attribut ist in alle Objekte integriert. Sie können es verwenden, um die Struktur des Objekts zu ändern, das Objekt zu modifizieren, weitere Variablen hinzuzufügen und weitere Funktionen zu nutzen.

var derp; //will hold a Herp instance
var Herp= function(){
this.opinion=”Javascript is cooler than BASIC.”;
}
Herp.prototype.speak=function(){ alert(this.opinion); }
var derp= new Herp();
derp.speak();

Wenn Ihnen das irrelevant erscheint, möchte ich Ihnen meinen guten Freund Google vorstellen. Google ist gut darin, Menschen beim Erlernen von Wissen zu helfen. Objektorientierung ist ein zu großes Thema für meinen kurzen, unauffälligen Artikel.

5. Du bist wie ein Blinder und ein blindes Pferd, wenn du das Schlüsselwort „neu“ verwendest.

Javascript muss deine erste Freundin sein, denn du scheinst ratlos zu sein. Wenn Sie Javascript wie eine echte Person begeistern möchten, müssen Sie die Objektnotation verstehen. Außer wenn Sie ein Objekt instanziieren müssen oder in seltenen Fällen das Laden von Daten verzögern müssen, müssen Sie das Schlüsselwort new grundsätzlich nicht verwenden. Das Zuweisen der Adressen einer großen Anzahl neuer Variablen in JavaScript ist ein langsamer Vorgang, und aus Effizienzgründen sollten Sie immer die Objektnotation verwenden.

var rightway= [1, 2, 3];
var wrongway= new Array(1, 2, 3);

是否还记得我说过Javascript的变量范围是以函数为基础的？是否还记得有人说Javascript的对象像函数那样定义？如果你不使用new关键字来声明一个对象，你将会使这个对象成为全局范围内的对象。所以，永远使用new关键字来声明对象是一个好习惯。

var derp=”one”;
var Herp=function(){
this.derp=”two”;
}
var foo=Herp();
alert(derp);

如果你这样写，Javascript并不会在意，而你真正弹出的答案是“two”！有很多方法可以防止对象做出这样的行为，可以以使用instanceOf，但更好的方法是正确的使用new关键字，这样显得更专业。

现在你知道你的Javascript代码写的很烂了吧，如果你记住了上面所说的东西，你的代码就会有所改善。更多相关教程请访问JavaScript视频教程！