Pourquoi une variable JavaScript commencer par un signe dollar?

D'un usage très courant dans jQuery est à distinguer de jQuery objets stockés dans des variables à partir d'autres variables. Par exemple, je voudrais définir

var $email = $("#email"); //refers to the jQuery object representation of the dom object
var email_field = $("#email").get(0); //refers to the dom object itself

Je trouve cela très utiles dans l'écriture de jQuery code et le rend facile à voir jQuery objets qui ont un ensemble différent de propriétés.

Que d'autres ont mentionné le signe dollar est destiné à être utilisé par mécaniquement le code généré. Toutefois, cette convention a été brisé par quelques très populaire dans les bibliothèques JavaScript. JQuery, Prototype et MS AJAX (AKA Atlas) toute utilisation de ce caractère dans leurs identifiants (ou comme un ensemble d'identifiant).

En bref, vous pouvez utiliser le $ quand vous le souhaitez. (L'interprète de ne pas se plaindre.) La question est de savoir quand avez-vous voulez pour l'utiliser?

Personnellement je ne l'utilise pas, mais je pense que son utilisation est valide. Je pense que MS AJAX utilise pour indiquer qu'une fonction est un alias pour un peu plus détaillé de l'appel.

Par exemple:

var $get = function(id) { return document.getElementById(id); }

Qui semble raisonnable convention.

J'étais la personne à l'origine de la présente convention en 2006 et en a fait la promotion sur le début de jQuery liste, donc permettez-moi de partager un peu de l'histoire et de la motivation autour d'elle.

La accepté de répondre donne cet exemple:

var $email = $("#email"); //refers to the jQuery object representation of the dom object
var email_field = $("#email").get(0); //refers to the dom object itself

Mais qui n'a pas vraiment d'illustrer, c'est bien. Même sans le $, nous aurions toujours deux noms de variables ici, email et email_field. C'est beaucoup de bon là. Pourquoi nous avons besoin de jeter un $ dans l'un des noms que nous avons déjà deux noms différents?

En fait, je n'aurais pas utilisé email_field ici pour deux raisons: names_with_underscores ne sont pas idiomatiques JavaScript, et field n'a pas vraiment de sens pour un élément du DOM. Mais j'ai fait suivre la même idée.

J'ai essayé plusieurs choses différentes, parmi eux, quelque chose de très similaire à l'exemple:

var email = $("#email"), emailElement = $("#email")[0];
//Now email is a jQuery object and emailElement is the first/only DOM element in it

(Bien sûr, un objet jQuery peut avoir plus d'un élément du DOM, mais le code je travaillais sur eu beaucoup de id sélecteurs, donc dans ces cas, il y a une correspondance 1:1.)

J'ai eu un autre cas où une fonction a reçu un élément du DOM en tant que paramètre et avaient besoin d'un objet jQuery pour elle:

//email is a DOM element passed into this function
function doSomethingWithEmail( email ) {
    var emailJQ = $(email);
    //Now email is the DOM element and emailJQ is a jQuery object for it
}

Eh bien, c'est un peu déroutant! Dans l'un de mes morceaux de code, email est l'objet jQuery et emailElement est l'élément du DOM, mais dans l'autre, email est l'élément DOM et emailJQ est l'objet jQuery.

Il n'y avait pas d'uniformité et j'ai continué à mélanger jusqu'. En Plus, c'était un peu une nuisance pour garder d'avoir à faire deux noms différents pour la même chose: l'un pour l'objet jQuery et un autre pour la mise en correspondance de l'élément DOM. En outre email, emailElement, et emailJQ, j'ai continué d'essayer d'autres variantes de trop.

Puis j'ai remarqué un modèle commun:

var email = $("#email");
var emailJQ = $(email);

Depuis JavaScript traite $ simplement comme une autre lettre pour les noms, et depuis j'ai toujours eu un objet jQuery arrière à partir d'un $(whatever) appel, le modèle enfin levé sur moi. Je pourrais prendre une $(...) appel et simplement supprimer certains caractères, et qu'il viendrait avec un très joli nom:

$("#email") 
$(email) 

Barré n'est pas parfait, mais vous pouvez obtenir l'idée: avec certains personnages effacés, ces deux lignes finissent par ressembler à:

$email

C'est quand j'ai réalisé que je n'avais pas besoin de faire une convention comme emailElement ou emailJQ. Il y avait déjà un congrès de nice à me regarder: prendre certains caractères d'un $(whatever) appel et il se transforme en $whatever.

var $email = $("#email"), email = $email[0];
//$email is the jQuery object and email is the DOM object

et:

//email is a DOM element passed into this function
function doSomethingWithEmail( email ) {
    var $email = $(email);
    //$email is the jQuery object and email is the DOM object
    //Same names as in the code above. Yay!
}

Donc je n'ai pas eu à faire jusqu'à deux noms différents tout le temps, mais pourrait utiliser le même nom avec ou sans $ préfixe. Et le $ préfixe a un beau rappel que j'avais affaire à un objet jQuery:

$('#email').click( ... );

ou:

var $email = $('#email');
//Maybe do some other stuff with $email here
$email.click( ... );

Le caractère $ n'a pas de signification particulière pour le moteur JavaScript. C'est un caractère valide dans un nom de variable comme a-z, A-Z, _, 0-9, etc...

Que j'ai vécu pendant 4 ans, il permettra à quelqu'un d'identifier facilement si la variable pointant une valeur/un objet ou un jQuery enveloppé de l'élément DOM

JS:

Ex:
var name = 'jQuery';
var lib = {name:'jQuery',version:1.6};

var $dataDiv = $('#myDataDiv');

dans l'exemple ci-dessus, quand je vois la variable "$dataDiv" je peux facilement dire que cette variable pointant vers un jQuery enveloppé élément du DOM (dans ce cas, il est div). et aussi, je peux appeler toutes les méthodes jQuery avec habillage de l'objet comme $dataDiv.append(), $dataDiv.html(), $dataDiv.find() au lieu de $($dataDiv).append().

Espère que ça peut aidé.
donc finalement envie de dire que ça va être une bonne pratique à suivre mais ce n'est pas obligatoire.

${varname} est juste une convention d'affectation de noms aux développeurs jQuery utiliser pour distinguer les variables qui sont titulaires d'éléments jQuery.

Plaine {varname} est utilisé pour stocker général animaux comme les textes et les chaînes de caractères.
${varname} est titulaire d'éléments retournés à partir de jQuery.

Vous pouvez utiliser de la plaine {varname} pour stocker les éléments jQuery ainsi, mais comme je l'ai dit au début, ce qui le distingue de la plaine, les variables et les rend beaucoup plus facile à comprendre (imaginez le confondre pour une simple variable et de recherche pour comprendre ce qu'il détient).

Par exemple :

var $blah = $(this).parents('.blahblah');

Ici, bla est de stocker un retour jQuery élément.

Donc, lorsque quelqu'un d'autre voir le $blah dans le code, ils vont comprendre que c'est pas juste une chaîne de caractères ou un nombre, il est un élément jQuery.

$ est utilisé pour DISTINGUER entre les variables et jquery variables dans le cas de variables normales.
laissez vous placez une commande en FLIPKART alors si l'ordre est une variable de vous montrer la sortie de chaîne, puis il est nommé simple comme "ordre", mais si on clique sur passer la commande puis un objet est retourné l'objet sera désigné par $ que$la commande", de sorte que le programmeur peut en mesure de tailler les variables javascript et jquery variables dans l'ensemble du code.

Un JavaScript valide identifiant shuold doit commencer par une lettre,
trait de soulignement ( _ ) ou le signe dollar ($);
les caractères suivants peuvent également
être des chiffres (0-9). Parce que JavaScript est sensible à la casse,
lettres
inclure les caractères "A" à "Z" (en majuscules) et le
les caractères "a" à "z" (en minuscule).

Détails:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Variables