JQuery değilse, Javascript'teki dolar işareti nedir

Birkaç yıl önce biraz javascript / jQuery programlama yaptım ve yeniden başladım. O zamanlar dolar işareti tüm jQuery işlevselliği için kullanılıyordu ve jQuery kitaplığı içe aktarılmamışsa dolar işareti tanımlanmıyordu.

Bugün Firefox'u javascript kitaplıkları içermeyen tamamen boş bir html dosyasında başlattım ve yine de dolar işareti bir şeyi gösteriyor. Firefox konsolunu açıp '$' yazarsam"function()" .

1) Birkaç yıl önce dolar işaretinin atanmamış olması doğru mu yoksa yanlış mı hatırlıyorum?

2) jQuery değilse dolar işareti nedir ?

1) Birkaç yıl önce dolar işaretinin atanmamış olması doğru mu yoksa yanlış mı hatırlıyorum?

Bu doğru ve hala doğru.

2) jQuery değilse dolar işareti nedir?

Firefox ve Chrome uygulamak $, $$ve yardımcı komutları gibi birçok diğerleri. Hem koyacaktır $$için document.querySelectorAll()ve seti $için document.querySelectorise window.$tanımlanmamıştır.

Yani gördüğünüz şey aslında standart JavaScript değil, tarayıcınızın geliştirici konsolunda bir yardımcı. Ayrıca jQuery değildir (jQuery kullanan bir sayfada olmadığınız sürece). Ancak, 's davranış yakın birine olduğu jQuerykonusunda, o querySelector(tek eşleşmeler için) ve querySelectorAllsize jQuery seçici olarak hemen hemen aynı güç vermek (birden eşleşmeler için).

Tercüman için alt çizgi gibi hiçbir şey ifade etmiyor

ECMAScript spesifikasyonundan:

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

JavaScript Dolar İşareti ($) bölümüne de bakabilirsiniz - Ne için?

Geleneksel olarak, dolar işareti ($), alt çizgi (_) ve hatta bazı ASCII karakterlerinin bir JavaScript tanımlayıcısında herhangi bir yerde kullanılmasına izin verilir (Kaynak: Ecma Script belgeleri (7.6 Tanımlayıcılar, ECMA-262, 3. Baskı) dolar işaretinin yalnızca mekanik olarak oluşturulan kodda kullanılması amaçlanmıştır. Bu, bir çerçeve yazmadığımız sürece, girinti adlarımızda dolar işaretini ($) kullanmak istemediğimiz anlamına gelir. Aşağıda, kullanılabilecek izin verilen karakterlerin bir listesi verilmiştir. tanımlayıcı adının herhangi bir yerinde:

IdentifierName ::
IdentifierStart
IdentifierName IdentifierPart
IdentifierStart ::
UnicodeLetter
$
_
UnicodeEscapeSequence
IdentifierPart ::
IdentifierStart
UnicodeCombiningMark
UnicodeDigit
UnicodeConnectorPunctuation
UnicodeEscapeSequence

DÜZENLE:-

Aslında dolar işareti işlevi, aşağı yukarı fiili kısayol haline geldi document.getElementById().

Benim açımdan kontrol onaylamak için bu :

$ (seçici)

Belirtilen CSS seçiciyle eşleşen tek bir öğe döndürür. Eski Firebug sürümlerinde bu, document.getElementById ile eşdeğerdi .

Dollar sign($) atanmamış, ancak bazı tarayıcılar özel kullanım için işlev ekliyor.

Google Chrome gibi, $konsola yazarsanız , şunu geri döndürür:

function $(selector, [startNode]) { [Command Line API] }

Bu işlev, Google Chrome Geliştirici Aracı için atanır ve daha kolay hata ayıklama sağlar.

yazarsanız şöyle bir $('div')şey döndürür:

e.fn.e.init[178]

ve her şeyi dahil et div DOM nesnesini edin.

BTW, öğeyi seçmek için farede sağ tuşa tıkladıktan sonra $scope, konsolda türe göre angular.js kapsamına erişebilirsiniz.

Bunun $$tam olmadığını unutmayın document.querySelectorAll, çünkü bu işlevin aksine bir NodeList:

document.querySelectorAll("p") instanceof NodeList // true

$$("p") instanceof NodeList // false

Array.isArray($$("p")) // true

Yani $$(selector)gerçekten daha çok benziyor Array.from(document.querySelectorAll(selector)). Bu map, sadece ve arkadaşlar gibi dizi yöntemlerinin forEachkullanılabilir olduğu anlamına gelir, $$ki bu aslında oldukça kullanışlıdır.

$Geçerli bir değişken adı gibi herhangi bir şey olabilir , tıpkı dollar.

Nereden ECMAScript :

Identifier ::
IdentifierName but not ReservedWord

IdentifierName ::
IdentifierStart
IdentifierName IdentifierPart

IdentifierStart ::
UnicodeLetter
$
_ 
\ UnicodeEscapeSequence

Ne olduğunu ve nerede tanımlandığını görmenin en basit çözümü, muhtemelen bu satıra bir kesme noktası yazmak $()ve koymak olacaktır .

MooTools, buradaki diğer cevapları tamamlamak için ayrıca $takma ad olarak da kullanır .document.getElementById .

Alınıp $alınmadığını kontrol eder ve sonra varsayılan olarak alacaktır document.id.