Gibt es eine Reihe von Dingen, die jeder JavaScript-Programmierer wissen sollte, um "Ich kenne JavaScript" sagen zu können?
Gibt es eine Reihe von Dingen, die jeder JavaScript-Programmierer wissen sollte, um "Ich kenne JavaScript" sagen zu können?
Nicht jQuery. Nicht YUI. Nicht (usw. usw.)
Frameworks mögen nützlich sein, aber sie verbergen oft die manchmal hässlichen Details, wie JavaScript und das DOM tatsächlich vor Ihnen funktionieren. Wenn Sie in der Lage sein möchten, "Ich kenne JavaScript" zu sagen, ist es dagegen, viel Zeit in ein Framework zu investieren.
Hier sind einige JavaScript-Sprachfunktionen, die Sie kennen sollten, um zu verstehen, was sie tun, und die nicht auffallen, die aber für viele Menschen nicht sofort offensichtlich sind:
Das object.prop
und object['prop']
sind das Gleiche (können Sie bitte aufhören zu verwenden eval
, danke); Diese Objekteigenschaften sind immer Zeichenfolgen (auch für Arrays). wofür for
... in
ist (und was nicht ).
Immobilienschnüffeln; was undefined
ist (und warum riecht es ); warum der scheinbar wenig bekannte in
Bediener nützlich ist und sich von typeof
/ undefined
prüft; hasOwnProperty
;; der Zweck von delete
.
Dass der Number
Datentyp wirklich ein Float ist; die sprachunabhängigen Schwierigkeiten bei der Verwendung von Floats; Vermeidung der parseInt
Oktalfalle.
Scoping für verschachtelte Funktionen; die Notwendigkeit, var
in dem Bereich zu verwenden, in dem Sie versehentliche Globals vermeiden möchten; wie Zielfernrohre für Verschlüsse verwendet werden können; das Problem der Verschlussschleife .
Wie globale Variablen und window
Eigenschaften kollidieren; wie globale Variablen und Dokumentelemente nicht kollidieren sollten, sondern im IE; die Notwendigkeit, auch var
im globalen Bereich zu verwenden, um dies zu vermeiden.
Wie sich die function
Anweisung verhält , um eine Definition vor dem vorhergehenden Code zu " heben "; der Unterschied zwischen Funktionsanweisungen und Funktionsausdrücken; warum benannte Funktionsausdrücke nicht verwendet werden sollten .
Wie der Konstruktor funktioniert, funktionieren die prototype
Eigenschaft und der new
Operator wirklich. Methoden , um dies auszunutzen, um das normale Klassen- / Unterklassen- / Instanzsystem zu erstellen, das Sie tatsächlich wollten; wenn Sie möglicherweise schließungsbasierte Objekte anstelle von Prototypen verwenden möchten. (Das meiste JS-Tutorial-Material ist absolut schrecklich. Ich habe Jahre gebraucht, um es klar in meinen Kopf zu bekommen.)
Wie this
wird zur Anrufzeit bestimmt, nicht gebunden; wie folglich das Übergeben von Methoden nicht so funktioniert, wie Sie es von anderen Sprachen erwarten ; wie Verschlüsse oder Function#bind
verwendet werden können, um das zu umgehen.
Andere ECMAScript Fifth Edition Features wie indexOf
, forEach
und die funktionale Programmierung Methoden aufArray
; wie man ältere Browser repariert, um sicherzustellen, dass man sie verwenden kann; Verwenden Sie sie mit anonymen Inline-Funktionsausdrücken, um kompakten, lesbaren Code zu erhalten.
Der Kontrollfluss zwischen Browser und Benutzercode; synchrone und asynchrone Ausführung; Ereignisse, die innerhalb des Kontrollflusses ausgelöst werden (z. B. Fokus), im Vergleich zu Ereignissen und Zeitüberschreitungen, die auftreten, wenn die Kontrolle zurückkehrt; Wie das Aufrufen eines vermeintlich synchronen eingebauten Geräts alert
zu einem potenziell katastrophalen Wiedereintritt führen kann.
Wie sich fensterübergreifende Skripte auswirken instanceof
; Wie wirkt sich fensterübergreifendes Scripting auf den Kontrollfluss zwischen verschiedenen Dokumenten aus? wie postMessage
wird das hoffentlich behoben.
Siehe diese Antwort zu den letzten beiden Punkten.
Vor allem sollten Sie JavaScript kritisch betrachten, anerkennen, dass es aus historischen Gründen eine unvollständige Sprache ist (sogar mehr als die meisten anderen Sprachen), und die schlimmsten Probleme vermeiden. Crockfords Arbeit an dieser Front ist definitiv lesenswert (obwohl ich ihm nicht zu 100% zustimme, was die „guten Teile“ sind).
this
ist gebunden, egal wie Sie darauf zugreifen. Probieren Sie es aus:,var o= {b: function(){alert(this===o);}};
danno['b']();
->true
. Und wenn Sie wirklich ausgeflippt sein wollen ,(o['b'])()
->true
, aber(c= o['b'])()
->false
und nur in Mozilla,(true? o['b'] : null)()
->true
. W, T und in der Tat F.Dass es deaktiviert werden kann.
quelle
Das Verständnis der in Crockfords Javascript: The Good Parts geschriebenen Dinge ist eine ziemlich gute Annahme, dass eine Person ein anständiger JS-Programmierer ist.
Sie können ziemlich genau wissen, wie man eine gute Bibliothek wie JQuery verwendet, und die verborgenen Teile von Javascript immer noch nicht kennen.
Ein weiterer Hinweis ist das Debuggen von Tools in verschiedenen Browsern. Ein JS-Programmierer sollte wissen, wie er seinen Code in verschiedenen Browsern debuggt.
Oh! Und wenn Sie wissen, dass JSLint Ihre Gefühle total verletzt !!
quelle
Wenn Sie ein echter JavaScript-Ninja sein möchten, sollten Sie die Antworten auf jede Frage im Perfection Kills JavaScript Quiz kennen .
Ein Beispiel, um Appetit zu machen:
quelle
Sie kennen JavaScript nicht, wenn Sie nicht wissen:
quelle
You don't know JavaScript if you don't know The W3C-DOM
. Die beiden Dinge sind unterschiedlich...das Javascript ist nicht Java :)
Viele, viele Leute, die mit der Entwicklung von Websites beginnen, haben mir gesagt, dass Javascript nur einfaches Java ist!
quelle
Machen Sie sich mit mindestens einer Javascript-Bibliothek (Jquery, Prototype usw.) vertraut.
Erfahren Sie, wie Sie die Debugging-Tools der wichtigsten Browser (MSIE 7-8, Firefox, Chrome, Safari) verwenden.
Informieren Sie sich über die Branche: Die Website von Douglas Crockford ist eine Fundgrube, während Ajaxian.com ein guter Blog ist, um über neue, interessante und seltsame Ideen für Javascript auf dem Laufenden zu bleiben. Es gibt eine Reihe anderer Ressourcen, aber diese haben mir am meisten geholfen.
quelle
Javascript- Objekte und fungieren als erstklassiger Bürger , Rückrufe , nicht zu vergessen Ereignisse und dann JQuery .
quelle
Dieses Javascript kann man nicht in einer Stunde lernen!
quelle
Variablen sind global, sofern sie nicht als lokal deklariert sind !!
Schlecht (DoSomething () wird nur 10 Mal aufgerufen):
Gut (DoSomething () wird wie vorgesehen 50 Mal aufgerufen):
quelle
for (var i=0;
alle meine Loops zuvar
an die Spitze der Funktion zu setzen, da es Sie nicht über die Größe des Gültigkeitsbereichs der Variablen täuscht.js2-mode
wird sich beschweren, wenn Sie sichvar i
in zwei getrenntenfor
Schleifen in derselben Funktion befinden, da dies darauf hindeutet, dass Sie glauben, zwei getrennte Variablen zu haben, und dies nicht tun. Trotzdem versuche ich,var
Dinge niemals von dem Ort zu trennen, an dem ich sie initialisiere.Wie man die guten Teile benutzt und wie man die schrecklichen Teile vermeidet .
quelle
Zu wissen, dass Javascript ursprünglich LiveScript hieß und das Präfix 'Java' zu Marketingzwecken angehängt wurde, nicht weil Java und Javascript verwandt sind (was sie nicht sind).
Oh, und für den Besitz einer Version von David Flanagans 'Javascript: The Definitive Guide' (diese Informationen finden Sie auf Seite 2).
... und um diejenigen zu würdigen, die zuvor versucht haben, das document.all [] von Internet Explorer 4 und die document.layers [] von Netscape Navigator 4 zu verschleiern, bevor Jquery den Schmerz beseitigt hat.
BEARBEITEN:
Wie @Kinopiko darauf hinweist, wurde JavaScript ursprünglich als Projekt Mocha bezeichnet ( einige Quellen gehen auch davon aus, dass es als Projekt LiveWire bezeichnet wurde), aber es wird allgemein angenommen, dass die Sprache (geschrieben von Brendan Eich) als LiveScript veröffentlicht werden sollte, bevor das Java-Präfix übernommen wurde Veröffentlichung Anfang 1996.
quelle
Man sollte sich über Folgendes bewusst sein, um "Ich kenne JavaScript" zu sagen:
quelle
Dieses JavaScript unterscheidet sich viel mehr von anderen Sprachen als Sie vielleicht denken. Sehen Sie sich diesen großartigen Google Tech Talk an, um sich einen Eindruck zu verschaffen : http://www.youtube.com/watch?v=hQVTIJBZook
quelle
Was sollte jeder Javascript-Codierer wissen?
Wie wäre es, ich kann Ihre Bemühungen mit 2 Klicks ausschalten. Stellen Sie also nach Möglichkeit einen Fallback bereit.
quelle
Ich empfehle dringend, Javascript: The Good Parts zu lesen
quelle
Sie kennen Javascript, wenn Sie Array, Number, String, Date und Object effektiv einsetzen können. Pluspunkte für Math und RegExp. Sie sollten in der Lage sein, Funktionen zu schreiben und Variablen zu verwenden (im richtigen Bereich, dh als 'Methoden' eines Objekts).
Ich sehe einige Kommentare über das Wissen um Verschlüsse, extravagante Funktionssyntax und Blabla. All das ist für diese Frage ziemlich irrelevant. Das heißt, Sie sind ein Läufer, wenn Sie den 100-Meter-Lauf in weniger als 11 Sekunden laufen können.
Ich sage, es dauert vielleicht ein paar Wochen, um Javascript zu beherrschen. Danach dauert es Jahre und Dutzende von Büchern und Tausenden von Programmzeilen, um ein Experte, ein Ninja usw. zu werden.
Aber das war nicht die Frage.
Oh, und das DOM ist kein Teil von Javascript und jQuery auch nicht. Daher denke ich, dass beide für die Frage gleichermaßen irrelevant sind.
quelle
JSLint http://www.JSLint.com/
quelle
Nachdem Sie alle oben genannten Informationen gelesen haben, ist es auch vollkommen in Ordnung , Javascript mithilfe eines Frameworks wie jQuery zu lernen. Die Wahrheit ist, dass es der erste Weg ist, wie viele Leute JS überhaupt aufgegriffen haben. Keine Schande.
quelle
Array .
length
Methode ist nicht die Anzahl der Elemente des Arrays, sondern der höchste Index. auch wenn der Artikel auf eingestellt warundefined
Dieses Verhalten ist kaum von einem Sprachdesignfehler zu unterscheiden.
quelle
jQuery wäre meine beste Empfehlung. Nicht nur für den Code selbst ist es die Redewendung, der Stil, das Denken dahinter, das es am meisten wert ist, emuliert zu werden.
quelle
Dieses Javascript ist die am weitesten verbreitete Sprache der Welt. (Wahrscheinlich)
quelle
Das Erlernen einer Sprache und das Verstehen ihrer verschiedenen Macken beruht auf (jahrelanger) Erfahrung. Wenn Sie ein besserer Programmierer sein möchten, würde ich sagen, Designmuster verstehen, wie und wann sie verwendet werden sollen und / oder sogar wenn Sie sie verwenden, ohne es zu merken; technische Architektur & Benutzererfahrung.
Wenn Sie die (JavaScript-) Sprache kennen, können Sie jedes Framework auswählen und nach Belieben verwenden. Sie müssen unweigerlich in den Quellcode eintauchen, und wenn Sie nur die Syntax eines Frameworks oder 2 oder 3 kennen, werden Sie nicht weit kommen. Wenn Sie dies sagen, ist der Zugriff auf den Quellcode einiger verschiedener Frameworks wahrscheinlich eine der besten Möglichkeiten, um zu sehen, wie JavaScript verwendet werden kann. Durchspielen Sie den Code in Firebug oder Web Inspector und überprüfen Sie anschließend die JavaScript-Dokumentation, insbesondere die Mozilla- und Webkit-Dokumente, um ein besseres Verständnis für Ihre Inhalte zu erhalten.
Wenn Sie den Unterschied zwischen objektorientierter und funktionaler Programmierung verstehen, dass JavaScript eine sexy Mischung aus beidem ist und wann und wie Sie beide verwenden, um eine Killer-Codebasis und großartige Anwendungen zu erstellen, werden Sie zu einem besseren JavaScript-Programmierer.
Wenn Sie nur einige Bücher lesen, insbesondere Crockfords "gute Teile", in denen lediglich seine Meinung zu den guten Eigenschaften von JavaScript wiedergegeben wird, während Sie die meisten der FANTASTISCHEN Teile von JavaScript überspringen, werden Sie auf dem falschen Fuß davonkommen.
Wenn Sie sich Code ansehen, der von jemandem wie Thomas Fuchs geschrieben wurde, erhalten Sie viel mehr Einblick in die Möglichkeiten, erstaunliches und effizientes JavaScript zu schreiben.
Der Versuch, sich ein paar Fallstricke oder WTFs zu merken, hilft auch nicht viel. Sie werden das aufgreifen, wenn Sie mit dem Codieren beginnen und den Code einer Bibliothek / eines Frameworks, insbesondere eines hilfreich kommentierten, durchgehen, um zu sehen, warum sie bestimmte verwendet haben Eigenschaften / Werte und nicht andere, warum und wann es gut ist, bestimmte Operanden und Operatoren zu verwenden, ist dies alles im Code der Benutzer des Frameworks enthalten. Wie besser als mit gutem Beispiel zu lernen? : ^)
quelle
In Javascript ist Leistung wichtig.
Es gibt keinen intelligenten Compiler, der Ihren Code optimiert. Sie sollten also beim Schreiben von Javascript-Code vorsichtiger sein als Sprachen wie C #, Java ...
quelle
Objektliterale, weil sie so schön zu schreiben sind.
quelle
Die folgenden Dinge sind ebenfalls wichtig:
1) Variables Heben. 2) Bereichsketten und Aktivierungsobjekte.
und dann solche Dinge: :)
3) wtfjs.com
4) Alles ist ein Objekt http://www.lifeinafolder.com/images/Js.jpg
quelle
with()
und wo man die Grenze ziehen kann.throw
Anweisung benutzerdefinierte Fehler erstellen , um die Javascript-Laufzeit absichtlich zu stoppen.quelle
JavaScript unterstützt keine Trennung Schlüsselworts return und der Anweisung return mit einem Zeilenumbruchzeichen wie dem folgenden Code nicht (oder versuchen Sie es auf meiner jsFiddle-Seite ).
Ich verstehe nicht, warum JavaScript diesen Stil nicht unterstützt, da es viel einfacher ist, sehr komplexen JavaScript-Quellcode zu lesen, wenn man ihn mit dem Standardstil von JavaScript vergleicht.
PS. Ich habe JavaScript fast 6 Jahre geschrieben. Aber ich habe diesen Fehler gerade bei mir selbst gefunden, als ich versuchte, die folgende Funktion auszuführen. Es wird immer undefiniert zurückgegeben. Wenn ich den Debugger benutze und in diese Funktion einsteige, funktioniert alles einwandfrei. Ich denke, es sollte der schlimmste Programmierfehler in meinem Leben sein.
quelle
var foo = "bar" +
), liest der Parser weiter.var foo = 5
und-1;
dazu führen, dass foo auf 4 gesetzt wird, obwohl jede für sich gültige Anweisungen sind.Da JS eine funktionale Sprache ist, muss ein anständiger JS-Programmierer in der Lage sein, Y-Combinator zu schreiben und zu erklären, wie es auf den ersten Blick funktioniert.
quelle
... über Google Web Toolkit , was bedeutet, dass Ihr Javascript-Projekt wahrscheinlich viel komfortabler entwickelt werden könnte.
quelle