JavaScript'te “$” oturumunun anlamı nedir

Aşağıdaki JavaScript kodunda bir dolar ( $) işareti vardır. Bu ne demek?

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

Kod snippet'iniz, popüler JavaScript kitaplıklarından birinden (jQuery, ProtoType, mooTools vb.) Referans yöntemleri gibi görünüyor.

$JavaScript'te kullanımı konusunda gizemli bir şey yok . $yalnızca geçerli bir JavaScript tanımlayıcısıdır.

JavaScript, büyük ve küçük harflere, sayılara ve $ve izin verir _. Bunun $makine tarafından oluşturulan değişkenler (örneğin $0001) için kullanılması amaçlanmıştır .

Prototip, jQuery ve çoğu javascript kitaplığı $birincil temel nesne (veya işlev) olarak kullanır. Çoğu, $onu kullanan başka bir kütüphane ile kullanılabilmesi için vazgeçmenin bir yoluna sahiptir . Bu durumda jQueryyerine kullanın $. Aslında, $sadece bir kısayoldur jQuery.

Gönderen başka bir yanıt :

Biraz tarih

Unutmayın, doğası gereği özel bir şey yoktur $. Diğerleri gibi değişken bir isimdir. Daha önceki günlerde, insanlar document.getElementById kullanarak kod yazarlardı. JavaScript büyük / küçük harfe duyarlı olduğundan, yazarken hata yapmak normaldi document.getElementById. Meli ben sermaye 'b'arasında 'by'? Meli ben sermaye 'i'arasında Id?You drift olsun. JavaScript'te işlevler birinci sınıf vatandaşlar olduğundan, bunu her zaman yapabilirsiniz:

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

Prototip kütüphanesi geldiğinde, DOM öğelerini alan işlevlerini olarak adlandırdılar '$'. Hemen hemen tüm JavaScript kütüphaneleri bu fikri kopyaladı. Prototip ayrıca $$CSS seçiciyi kullanarak öğeleri seçmek için bir işlev de getirdi .

jQuery $işlevi de uyarladı, ancak istediğiniz öğeleri almak için her türlü 'seçiciyi' kabul edecek şekilde genişletildi. Şimdi, projenizde zaten Prototip kullanıyorsanız ve jQuery'yi eklemek istiyorsanız, '$'Prototip'in uygulanmasına VEYA jQuery'nin uygulanmasına atıfta bulunabileceğiniz için sorun yaşayacaksınız . Bu nedenle jQuery, Prototip kullanan ve kodunuzu yavaşça geçiren projenize jQuery'yi dahil edebilmeniz için noConflict seçeneğine sahiptir. Bence bu John adına harika bir hamle oldu! :)

Bu büyük olasılıkla jQuery kodudur (daha doğrusu jQuery kitaplığını kullanan JavaScript).

$Temsil jQuery İşlevini ve aslında bir kısaltmadır diğer adıdır jQuery. (Çoğu dilden farklı olarak, $sembol ayrılmış değildir ve değişken adı olarak kullanılabilir.) Genellikle bir seçici olarak kullanılır (yani DOM'da bulunan bir dizi öğeyi döndüren bir işlev).

Diğer tüm cevapların dediği gibi; neredeyse her şey olabilir ama genellikle "JQuery" dir.

Bununla birlikte, ES6'da bir şablonda "değişmez" ör.

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) ;

sonuç:

Bugünlerde pek çok yeni fikir var !!

$()Bir steno versiyonu jQuery()kullanılan jQuery Kütüphanesi .

Yukarıdaki cevaplara ek olarak, $javascript'te özel bir anlamı yoktur, nesne adlandırmada kullanmak ücretsizdir. Gelen jQuery , sadece bir takma ad olarak kullanılan JQuery nesne ve jQuery () işlev. Ancak, bir adlandırma çakışmasıyla sonuçlanacak $ kullanan başka bir JS kitaplığıyla birlikte kullanmak istediğiniz durumlarla karşılaşabilirsiniz. JQuery'de sadece bu nedenle bir yöntem var jQuery.noConflict().

İşte jQuery doc'ın bir örneği :

<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
$.noConflict();
// Code that uses other library's $ can follow here.
</script>

Alternatif olarak, buna benzer bir

(function ($) {
// Code in which we know exactly what the meaning of $ is
} (jQuery));

Ref : https://api.jquery.com/jquery.noconflict/

JQuery Çekirdek Nesnesini açıklayan jQuery belgelerinden :

Birçok geliştirici, ayırt etmeye yardımcı olması için jQuery nesneleri içeren değişkenlerin adına $ eki ekler. Bu uygulamada sihir yoktur - sadece bazı insanların farklı değişkenlerin neler içerdiğini izlemesine yardımcı olur.