JavaScript değişkeni neden dolar işareti ile başlasın? [çiftleme]

Dolar işareti ile başlayan değişkenlere sahip JavaScript'i sık sık görüyorum. Bir değişkene ne zaman / neden önek eklemeyi seçersiniz?

( $('p.foo')JQuery ve diğerlerinde gördüğünüz sözdizimini sormuyorum ama normal değişkenler $nameve gibi $order)

Çok yaygın kullanım jQuery ayırt etmektir jQuery diğer değişkenlerden değişkenler saklanan nesnelerin.

Örneğin, ben tanımlamak:

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

Bu jQuery kod yazma konusunda çok yararlı buluyorum ve farklı özellikleri bir dizi olan jQuery nesneleri görmek kolaylaştırır .

ECMAScript'in 1., 2. ve 3. Baskılarında , otomatik olarak oluşturulmuş kod bağlamı dışında $ -rerefixed değişken adlarının kullanılması spesifikasyon tarafından açıkça önerilmemiştir:

Bir tanımlayıcının herhangi bir yerinde dolar işareti ( $) ve alt çizgiye ( _) izin verilir. Dolar işareti, yalnızca mekanik olarak oluşturulan kodda kullanılmak üzere tasarlanmıştır.

Ancak, sonraki sürümde (geçerli olan 5. Baskı ), bu kısıtlama kaldırıldı ve yukarıdaki pasaj ile değiştirildi

Dolar işareti ($ ) ve alt çizgiye ( _) bir IdentifierName içinde herhangi bir yerde izin verilir .

Bu nedenle, $ işareti artık değişken adlarında serbestçe kullanılabilir. Bazı çerçeveler ve kütüphaneler, buradaki diğer cevaplarda belirtilen, sembolün anlamı ile ilgili kendi sözleşmelerine sahiptir.

Diğerlerinin de belirttiği gibi, dolar işareti mekanik olarak oluşturulan kod tarafından kullanılmak üzere tasarlanmıştır. Ancak, bu kural çılgınca popüler olan bazı JavaScript kütüphaneleri tarafından kırılmıştır. JQuery, Prototype ve MS AJAX (AKA Atlas), bu karakteri tanımlayıcılarında (veya tüm tanımlayıcı olarak) kullanır.

Kısacası istediğiniz zaman kullanabilirsiniz $. (Tercüman şikayet etmeyecektir.) Soru ne zaman istediğiniz kullanmak ?

Ben şahsen kullanmıyorum ama bence kullanımı geçerli. MS AJAX, bir işlevin biraz daha ayrıntılı çağrı için bir takma ad olduğunu belirtmek için kullandığını düşünüyorum.

Örneğin:

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

Bu makul bir kongre gibi görünüyor.

AngularJS bağlamında, $önek yalnızca çerçevenin kodundaki tanımlayıcılar için kullanılır. Çerçevenin kullanıcılarına, çerçeveyi kendi tanımlayıcılarında kullanmamaları talimatı verilir:

Açısal Ad Alanları $ve$$

Kodunuzla yanlışlıkla ad çakışmalarını önlemek için, Açısal, ortak nesnelerin $adlarını ve ile özel nesnelerin adlarını önek olarak ekler $$. Lütfen kodunuzda $veya $$önekini kullanmayın .

Kaynak: https://docs.angularjs.org/api

Bu sözleşmeyi 2006'da tekrar başlatan ve jQuery erken posta listesinde tanıtan kişiydim, bu yüzden etrafındaki tarih ve motivasyonun bir kısmını paylaşmama izin verin.

Kabul edilen cevap şu örneği vermektedir:

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

Ama bu onu gerçekten iyi göstermiyor. Olmasa bile $, burada iki farklı değişken ismimiz olacaktı emailve email_field. Orada çok iyi. $Zaten iki farklı ismimiz olduğunda neden isimlerden birine atmamız gerekiyor ?

Aslında, email_fieldburada iki nedenden dolayı kullanmazdım: names_with_underscoresdeyimsel JavaScript fielddeğil ve bir DOM öğesi için gerçekten mantıklı değil. Ama aynı fikri takip ettim.

Birkaç farklı şey denedim, aralarında örneğe çok benzeyen bir şey:

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

(Elbette bir jQuery nesnesinin birden fazla DOM öğesi olabilir, ancak üzerinde çalıştığım kod çok fazla id seçici , bu nedenle bu durumlarda 1: 1 yazışma vardı.)

Bir işlev parametre olarak bir DOM öğesi aldı ve ayrıca bunun için bir jQuery nesnesi gerekli başka bir durum vardı:

// 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
}

Bu biraz kafa karıştırıcı! Kod bitlerimden birinde email, jQuery nesnesidir ve emailElementDOM öğesidir, ancak diğerinde emailDOM öğesidir ve emailJQjQuery nesnesidir.

Tutarlılık yoktu ve onları karıştırmaya devam ettim. Ayrıca, aynı şey için iki farklı ad oluşturmaya devam etmek biraz sıkıntı vericiydi: biri jQuery nesnesi için ve diğeri eşleşen DOM öğesi için. Ayrıca email, emailElementve emailJQdiğer varyasyonları denemeye devam ettim.

Sonra ortak bir desen fark ettim:

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

JavaScript $isimler için başka bir harf gibi davrandığından ve her zaman bir $(whatever)çağrıdan bir jQuery nesnesi aldığımdan , desen nihayet üstüme geldi. Bir $(...)çağrı alabilir ve sadece bazı karakterleri kaldırabilirim ve oldukça güzel bir adla gelirdi:

$("#email")
$(email)

Üstü çizili mükemmel değildir, ancak şu fikri edinebilirsiniz: bazı karakterler silindiğinde, bu satırların her ikisi de şöyle görünür:

$email

İşte o zaman emailElementya da gibi bir sözleşmeye ihtiyacım olmadığını fark ettim emailJQ. Zaten bana bakan güzel bir kongre vardı: bazı karakterleri bir $(whatever)çağrıdan çıkar ve dönüşüyor $whatever.

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

ve:

// 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!
}

Bu yüzden her zaman iki farklı isim yapmak zorunda kalmadım, ancak aynı ismi bir $önekle veya önek olmadan kullanabilirsiniz . Ve $önek bir jQuery nesnesiyle uğraştığım güzel bir hatırlatma oldu:

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

veya:

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

Stevo haklı, dolar komut dosyası işaretinin anlamı ve kullanımı (Javascript ve jQuery platformunda, ancak PHP'de değil) tamamen anlamlıdır. $, tanımlayıcı adının bir parçası olarak kullanılabilen bir karakterdir. Buna ek olarak, dolar işareti Javascript'te karşılaşabileceğiniz en "tuhaf" şey değildir. Geçerli tanımlayıcı adlarına bazı örnekler:

var _       = function() { alert("hello from _"); }
var \u0024  = function() { alert("hello from $ defined as u0024"); }
var Ø       = function() { alert("hello from Ø"); }
var $$$$$   = function() { alert("hello from $$$$$"); }

Yukarıdaki tüm örnekler işe yarayacaktır.

Onları dene.

$ Karakterinin JavaScript motoru için özel bir anlamı yoktur. Az, AZ, _, 0-9 gibi değişken adlarında geçerli bir başka karakter.

Yana _değişken adının başında genellikle özel değişkeni belirtmek için kullanılır (ya da en azından bir özel kalmasını planlanan), ben bulmak $jenerik kod kütüphaneleri için kendi kısa takma önünde eklemek için uygun.

Örneğin, jQuery kullanırken, $J(sadece yerine $) değişkeni kullanmayı ve $Pphp.js vb. Kullanırken kullanmayı tercih ederim .

Ön ek, kodu kendi statik değişkenlerim gibi diğer değişkenlerden görsel olarak farklı kılıyor, bu da beni kodun bir kütüphanenin veya başka bir bölümün parçası olduğu gerçeğine işaret ediyor ve konvansiyonu öğrendikten sonra başkalarıyla çatışmaya veya karıştırmaya daha az yatkın.

Ayrıca her kütüphane çağrısı için tekrarlanan tam bir adda olduğu gibi kodu daraltmaz (veya fazladan yazmayı gerektirir).

Bunu, tek tuşların olanaklarını genişletmek için değiştirici tuşların yaptıklarına benzer olarak düşünmeyi seviyorum.

Ama bu sadece benim kendi sözleşmem.

Son 4 yıldır yaşadığım gibi, birisinin bir değeri / nesneyi veya bir jQuery sarılmış DOM öğesini işaret eden değişkenin kolayca tanımlanmasına izin verecek

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

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

yukarıdaki örnekte "$ dataDiv" değişkeni gördüğümde kolayca bu değişken jQuery sarılmış DOM öğesine (bu durumda div) işaret olduğunu söyleyebiliriz. ve ayrıca $ ($ dataDiv) .append () yerine $ dataDiv.append (), $ dataDiv.html (), $ dataDiv.find () gibi nesneyi tekrar sararak tüm jQuery yöntemlerini çağırabilirim.

Umarım yardımcı olabilir. nihayet bunu takip etmenin iyi bir uygulama olacağını ancak zorunlu olmayacağını söylemek istiyorum.

${varname} jQuery geliştiricilerinin jQuery öğelerini tutan değişkenleri ayırt etmek için kullandıkları bir adlandırma kuralıdır.

Düz {varname}, metinler ve dizeler gibi genel öğeleri depolamak için kullanılır. ${varname}jQuery'den döndürülen öğeleri tutar.

{varname}JQuery öğelerini de saklamak için düz kullanabilirsiniz , ancak başlangıçta söylediğim gibi, bu onu düz değişkenlerden ayırır ve anlaşılmasını çok daha kolay hale getirir (düz bir değişken için karıştırdığınızı ve ne olduğunu anlamak için her şeyi aradığınızı hayal edin) .

Örneğin :

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

Burada, falan döndürülen bir jQuery öğesini saklıyor.

Yani, $blahkodda bir başkası gördüğünde, bunun sadece bir dize veya bir sayı değil, bir jQuery öğesi olduğunu anlayacaklar.

Tanımlayıcılarınızı önek olarak kullanmak için kullanabilmenize rağmen, örneğin bir şablondaki değiştirme jetonları gibi oluşturulan kod için kullanılması gerekir.

Açısal kullanımlar, çerçeve tarafından oluşturulan özellikler içindir. Sanırım, ECMA-262 3.0 tarafından sağlanan (şimdi geçersiz) ipucu ile gidiyorlar.

$ normal değişkenler için ortak değişkenler ve jquery değişkenleri arasında DISTINGUISH kullanılır. FLIPKART'a bir sipariş vermenize izin verin, eğer sipariş size dize çıktısını gösteren bir değişkense, o zaman "sipariş" olarak adlandırılır, ancak yer siparişine tıklarsak, bir nesne döndürülür ve bu nesne $ ile "$ olarak gösterilir böylece programcının javascript değişkenlerini ve jquery değişkenlerini kodun tamamından kaldırabilir.

Dolar işareti ($) veya çift dolar işareti ($$) görürseniz ve bunun Prototip çerçevesinde ne anlama geldiğini merak ediyorsanız, işte cevabınız:

$$('div');
// -> all DIVs in the document.  Same as document.getElementsByTagName('div')!

$$('#contents');
// -> same as $('contents'), only it returns an array anyway (even though IDs must be unique within a document).

$$('li.faux');
// -> all LI elements with class 'faux'

Kaynak:
http://www.prototypejs.org/api/utility/dollar-dollar

Javascript değişkenleri ile bazen php ad kurallarını kullanmamın nedeni: Giriş doğrulaması yaparken, aynı algoritmaları hem istemci hem de sunucu tarafında çalıştırmak istiyorum. Gerçekten bakım basitleştirmek için, kodun iki tarafı mümkün olduğunca benzer görünmesini istiyorum. Değişken adlarında dolar işareti kullanmak bunu kolaylaştırır.

(Ayrıca, bazı makul yardımcı işlevler kodun benzer görünmesine yardımcı olur, örneğin girdi-değer aramalarını kaydırma, strlen, substr, vb. OO olmayan sürümleri. Yine de bazı manuel ayarlamalar gerektirir.)

Geçerli bir JavaScript tanımlayıcı shuold bir harf, alt çizgi (_) veya dolar işareti ($) ile başlamalıdır; sonraki karakterler de rakam olabilir (0-9). JavaScript büyük / küçük harfe duyarlı olduğundan, harfler "A" - "Z" (büyük harf) ve "a" - "z" (küçük harf) karakterlerini içerir.

Ayrıntılar:
https://developer.mozilla.org/tr-TR/docs/Web/JavaScript/Guide/Grammar_and_types#Variables