Was ist die Bedeutung des "$"-Symbols in JavaScript

Im folgenden JavaScript-Code gibt es ein Dollarzeichen ($). Was bedeutet es?

$(window).bind('load', function() {
    $('img.protect').protectImage();
});

Antwort #1

Ihr Codeausschnitt sieht so aus, als ob er auf Methoden einer der beliebten JavaScript-Bibliotheken (jQuery, ProtoType, mooTools und so weiter) verweist.

Es gibt nichts Geheimnisvolles an der Verwendung von $ in JavaScript. $ ist einfach ein gültiger JavaScript-Bezeichner. JavaScript erlaubt Groß- und Kleinbuchstaben (in einer Vielzahl von Schriftsystemen, nicht nur Englisch), Zahlen (aber nicht als erstes Zeichen), $, _ und andere.¹

Prototype, jQuery und die meisten JavaScript-Bibliotheken verwenden das $ als primäres Basisobjekt (oder Funktion). Die meisten von ihnen haben auch eine Möglichkeit, das $ freizugeben, damit es mit einer anderen Bibliothek verwendet werden kann, die es benutzt. In diesem Fall verwendet man jQuery statt $. Tatsächlich ist $ nur eine Abkürzung für jQuery.

¹ Für das erste Zeichen eines Bezeichners erlaubt JavaScript „...jeden Unicode-Codepunkt mit der Unicode-Eigenschaft ‚ID_Start‘...“ sowie $ und _; Details finden sich in der Spezifikation. Für nachfolgende Zeichen in einem Bezeichner erlaubt es alles mit ID_Continue (was _ einschließt) und $ (und ein paar Steuerzeichen aus historischer Kompatibilität).

Antwort #2

Aus einer anderen Antwort:

Eine kleine Geschichte

Denk daran, an Dollar ist nichts Besonderes. Es ist ein variabler Name wie jeder andere. Früher schrieben die Leute Code mit document.getElementById. Da JavaScript groß- und grossschreibungssensitiv ist, war es normal, beim Schreiben von document.getElementById einen Fehler zu machen. Sollte ich das große 'b' von 'by' schreiben? Sollte ich das Id mit großem 'i' schreiben? Du verstehst, worauf ich hinauswill. Da Funktionen in JavaScript erstklassige Bürger sind, kannst du immer Folgendes tun:

var $ = document.getElementById; //freedom from document.getElementById!

Als die Prototype-Bibliothek erschien, nannten sie ihre Funktion, die die DOM-Elemente erhält, '$'. Fast alle JavaScript-Bibliotheken übernahmen diese Idee. Prototype führte auch eine $$-Funktion ein, um Elemente mit CSS-Selektoren auszuwählen.

jQuery passte auch die $-Funktion an, erweiterte sie jedoch so, dass sie alle Arten von 'Selektoren' akzeptiert, um die gewünschten Elemente zu erhalten. Wenn Sie bereits Prototype in Ihrem Projekt verwenden und jQuery einbinden möchten, werden Sie ein Problem haben, da $ entweder auf die Implementierung von Prototype ODER auf die Implementierung von jQuery verweisen könnte. Deshalb hat jQuery die Option noConflict, sodass Sie jQuery in Ihr Projekt einfügen können, das Prototype verwendet, und Ihren Code nach und nach migrieren können. Ich finde, das war ein brillanter Schachzug von John! :)

Antwort #3

Das ist höchstwahrscheinlich jQuery-Code (genauer gesagt JavaScript unter Verwendung der jQuery-Bibliothek).

Das $ steht für die jQuery-Funktion und ist tatsächlich ein Kurzname für jQuery. (Im Gegensatz zu den meisten Sprachen ist das $-Symbol nicht reserviert und kann als Variablenname verwendet werden.) Es wird typischerweise als Selektor verwendet (d.h. eine Funktion, die eine Menge von im DOM gefundenen Elementen zurückgibt).

Antwort #4

Wie alle anderen Antworten sagen; es kann fast alles sein, ist aber normalerweise "JQuery".

In ES6 ist es jedoch ein String-Interpolation-Operator in einem Template-„Literal“, z. B.

var s = "new" ; // you can put whatever you think appropriate here.
var s2 = `There are so many ${s} ideas these days !!` ; //back-ticks not quotes
console.log(s2) ;

Ergebnis :

Es gibt heutzutage so viele neue Ideen !!

Antwort #5