Mengapa variabel JavaScript dimulai dengan tanda dolar? [duplikat]

Saya cukup sering melihat JavaScript dengan variabel yang dimulai dengan tanda dolar. Kapan / mengapa Anda memilih untuk awalan variabel dengan cara ini?

(Saya tidak bertanya tentang $('p.foo')sintaks yang Anda lihat di jQuery dan lainnya, tetapi variabel normal suka $namedan $order)

Penggunaan yang sangat umum di jQuery adalah untuk membedakan jQuery objek disimpan dalam variabel dari variabel lain.

Sebagai contoh, saya akan mendefinisikan:

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

Saya menemukan ini sangat membantu dalam menulis kode jQuery dan membuatnya mudah untuk melihat objek jQuery yang memiliki set properti yang berbeda.

Dalam ECMAScript Edisi 1, 2, dan 3 , menggunakan nama variabel $ -prefixed secara eksplisit tidak disarankan oleh spec kecuali dalam konteks kode autogenerated:

Tanda dolar ( $) dan garis bawah ( _) diizinkan di mana saja di pengidentifikasi. Tanda dolar dimaksudkan untuk digunakan hanya dalam kode yang dihasilkan secara mekanis.

Namun, dalam versi berikutnya ( Edisi ke - 5 , yang saat ini), pembatasan ini dibatalkan, dan bagian di atas diganti dengan

Tanda dolar ( $) dan garis bawah ( _) diizinkan di mana saja di IdentifierName .

Dengan demikian, tanda $ sekarang dapat digunakan secara bebas dalam nama variabel. Kerangka kerja dan perpustakaan tertentu memiliki konvensi sendiri tentang arti simbol, yang dicatat dalam jawaban lain di sini.

Seperti orang lain telah menyebutkan tanda dolar dimaksudkan untuk digunakan oleh kode yang dihasilkan secara mekanis. Namun, konvensi itu telah dipatahkan oleh beberapa perpustakaan JavaScript yang sangat populer. JQuery, Prototype dan MS AJAX (AKA Atlas) semua menggunakan karakter ini dalam pengidentifikasi mereka (atau sebagai pengidentifikasi keseluruhan).

Singkatnya, Anda dapat menggunakan $kapan saja Anda inginkan. (Penerjemah tidak akan mengeluh.) Pertanyaannya adalah kapan Anda ingin menggunakannya?

Saya pribadi tidak menggunakannya, tapi saya pikir penggunaannya valid. Saya pikir MS AJAX menggunakannya untuk menandakan bahwa suatu fungsi adalah alias untuk beberapa panggilan verbal.

Sebagai contoh:

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

Itu tampak seperti konvensi yang masuk akal.

Dalam konteks AngularJS, $awalan hanya digunakan untuk pengidentifikasi dalam kode kerangka kerja. Pengguna kerangka kerja diperintahkan untuk tidak menggunakannya dalam pengidentifikasi mereka sendiri:

Ruang Nama sudut $dan$$

Untuk mencegah tabrakan nama yang tidak disengaja dengan kode Anda, Angular mengawali nama-nama objek publik dengan $dan nama-nama objek pribadi dengan $$. Tolong jangan gunakan $atau $$awalan dalam kode Anda.

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

Saya adalah orang yang memulai konvensi ini pada tahun 2006 dan mempromosikannya di milis awal jQuery, jadi izinkan saya berbagi beberapa sejarah dan motivasi di sekitarnya.

Jawaban yang diterima memberikan contoh ini:

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

Tapi itu tidak benar-benar menggambarkannya dengan baik. Bahkan tanpa $, kita masih akan memiliki dua nama variabel yang berbeda di sini, emaildan email_field. Cukup bagus di sana. Mengapa kita perlu membuang $salah satu nama ketika kita sudah memiliki dua nama yang berbeda?

Sebenarnya, saya tidak akan menggunakan di email_fieldsini karena dua alasan: names_with_underscoresbukan JavaScript idiomatik, danfield tidak terlalu masuk akal untuk elemen DOM. Tapi saya memang mengikuti ide yang sama.

Saya mencoba beberapa hal berbeda, di antaranya sesuatu yang sangat mirip dengan contoh:

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

(Tentu saja objek jQuery dapat memiliki lebih dari satu elemen DOM, tetapi kode yang saya kerjakan memiliki banyak id penyeleksi, jadi dalam kasus tersebut ada korespondensi 1: 1.)

Saya punya kasus lain di mana fungsi menerima elemen DOM sebagai parameter dan juga membutuhkan objek jQuery untuk itu:

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

Yah itu agak membingungkan! Di salah satu bit kode saya, emailadalah objek jQuery dan emailElementmerupakan elemen DOM, tetapi di bagian lain, emailadalah elemen DOM dan emailJQmerupakan objek jQuery.

Tidak ada konsistensi dan saya terus mencampurnya. Ditambah itu sedikit gangguan untuk tetap harus membuat dua nama berbeda untuk hal yang sama: satu untuk objek jQuery dan satu lagi untuk elemen DOM yang cocok. Selain itu email,, emailElementdan emailJQ, saya terus mencoba variasi lain juga.

Lalu saya perhatikan pola umum:

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

Karena JavaScript memperlakukan $hanya sebagai huruf untuk nama, dan karena saya selalu mendapatkan objek jQuery kembali dari $(whatever)panggilan, polanya akhirnya menyadarkan saya. Saya bisa menerima $(...)telepon dan menghapus beberapa karakter, dan itu akan muncul dengan nama yang cukup bagus:

$("#email")
$(email)

Strikeout tidak sempurna, tetapi Anda mungkin mendapatkan idenya: dengan beberapa karakter dihapus, kedua baris tersebut pada akhirnya tampak seperti:

$email

Saat itulah saya menyadari saya tidak perlu membuat konvensi seperti emailElementatau emailJQ. Sudah ada konvensi yang bagus menatapku: mengambil beberapa karakter dari $(whatever)panggilan dan berubah menjadi $whatever.

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

dan:

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

Jadi saya tidak harus membuat dua nama yang berbeda sepanjang waktu, tetapi cukup menggunakan nama yang sama dengan atau tanpa $awalan. Dan $awalan adalah pengingat yang bagus bahwa saya berurusan dengan objek jQuery:

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

atau:

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

Stevo benar, arti dan penggunaan tanda skrip dolar (dalam Javascript dan platform jQuery, tetapi tidak dalam PHP) sepenuhnya semantik. $ adalah karakter yang dapat digunakan sebagai bagian dari nama pengenal. Selain itu, tanda dolar mungkin bukan hal paling "aneh" yang dapat Anda temui di Javascript. Berikut adalah beberapa contoh nama pengidentifikasi yang valid:

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

Semua contoh di atas akan berfungsi.

Coba mereka.

$ Karakter tidak memiliki arti khusus untuk mesin JavaScript. Ini hanya karakter lain yang valid dalam nama variabel seperti az, AZ, _, 0-9, dll ...

Karena _pada awal nama variabel sering digunakan untuk menunjukkan variabel pribadi (atau setidaknya satu yang dimaksudkan untuk tetap pribadi), saya menemukan$ nyaman untuk menambahkan di depan alias singkat saya sendiri ke perpustakaan kode generik.

Misalnya, saat menggunakan jQuery, saya lebih suka menggunakan variabel $J(bukan hanya $) dan menggunakan$P saat menggunakan php.js, dll.

Awalan membuatnya berbeda secara visual dari variabel lain seperti variabel statis saya sendiri, memberi saya fakta bahwa kode tersebut adalah bagian dari beberapa pustaka atau lainnya, dan kecil kemungkinannya akan konflik atau membingungkan orang lain setelah mereka mengetahui konvensi.

Itu juga tidak mengacaukan kode (atau memerlukan pengetikan ekstra) seperti halnya nama yang ditentukan sepenuhnya diulang untuk setiap panggilan perpustakaan.

Saya suka menganggapnya mirip dengan apa yang dilakukan tombol pengubah untuk memperluas kemungkinan tombol tunggal.

Tapi ini hanya konvensi saya sendiri.

Seperti yang saya alami selama 4 tahun terakhir, itu akan memungkinkan seseorang untuk dengan mudah mengidentifikasi apakah variabel menunjuk nilai / objek atau elemen DOM dibungkus jQuery

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

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

dalam contoh di atas ketika saya melihat variabel "$ dataDiv" saya dapat dengan mudah mengatakan bahwa variabel ini menunjuk ke elemen DOM yang dibungkus jQuery (dalam hal ini adalah div). dan juga saya bisa memanggil semua metode jQuery tanpa membungkus objek lagi seperti $ dataDiv.append (), $ dataDiv.html (), $ dataDiv.find (), bukan $ ($ dataDiv) .append ().

Semoga ini bisa membantu. jadi akhirnya ingin mengatakan bahwa itu akan menjadi praktik yang baik untuk mengikuti ini tetapi tidak wajib.

${varname} hanyalah konvensi penamaan yang digunakan pengembang jQuery untuk membedakan variabel yang memegang elemen jQuery.

Plain {varname}digunakan untuk menyimpan barang-barang umum seperti teks dan string. ${varname}memegang elemen yang dikembalikan dari jQuery.

Anda bisa menggunakan polos {varname} untuk menyimpan elemen jQuery juga, tetapi seperti yang saya katakan di awal ini membedakannya dari variabel polos dan membuatnya lebih mudah untuk dipahami (bayangkan membingungkannya untuk variabel polos dan mencari di seluruh untuk memahami apa yang dipegangnya) .

Sebagai contoh :

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

Di sini, bla sedang menyimpan elemen jQuery yang dikembalikan.

Jadi, ketika orang lain melihat $blahdalam kode, mereka akan mengerti itu bukan hanya string atau angka, itu elemen jQuery.

Meskipun Anda dapat menggunakannya untuk awalan pengidentifikasi Anda, itu seharusnya digunakan untuk kode yang dihasilkan, misalnya token pengganti dalam templat, misalnya.

Penggunaan sudut adalah untuk properti yang dihasilkan oleh framework. Tebak, mereka akan dengan petunjuk (sekarang sudah tidak ada) yang disediakan oleh ECMA-262 3.0.

$ digunakan untuk membedakan antara variabel umum dan variabel jquery jika variabel normal. membiarkan Anda memesan di FLIPKART maka jika pesanan adalah variabel yang menunjukkan kepada Anda keluaran string maka itu dinamai sederhana sebagai "pesanan" tetapi jika kita mengklik pesanan tempat maka objek dikembalikan maka objek akan dilambangkan dengan $ sebagai "$ memesan "sehingga pemrogram dapat menghapus variabel javascript dan variabel jquery di seluruh kode.

Jika Anda melihat tanda dolar ($) atau tanda dolar ganda ($$), dan ingin tahu apa artinya ini dalam kerangka Prototipe, inilah jawaban Anda:

$$('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'

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

Alasan saya kadang-kadang menggunakan konvensi nama php dengan variabel javascript: Saat melakukan validasi input, saya ingin menjalankan algoritma yang persis sama, baik sisi klien, maupun sisi server. Saya benar-benar ingin kedua sisi kode terlihat semirip mungkin, untuk mempermudah perawatan. Menggunakan tanda dolar dalam nama variabel membuat ini lebih mudah.

(Juga, beberapa fungsi pembantu yang bijaksana membantu membuat kode terlihat serupa, misalnya membungkus pencarian nilai-input, versi non-OO dari strlen, substr, dll. Namun masih membutuhkan beberapa penyesuaian manual.)

Shuold pengidentifikasi JavaScript yang valid harus dimulai dengan huruf, garis bawah (_), atau tanda dolar ($); karakter selanjutnya juga bisa berupa digit (0-9). Karena JavaScript peka terhadap huruf besar-kecil, huruf menyertakan karakter "A" hingga "Z" (huruf besar) dan karakter "a" hingga "z" (huruf kecil).

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