Tại sao một biến JavaScript sẽ bắt đầu bằng ký hiệu đô la? [bản sao]

Tôi khá thường thấy JavaScript với các biến bắt đầu bằng ký hiệu đô la. Khi nào / tại sao bạn lại chọn tiền tố một biến theo cách này?

(Tôi không hỏi về $('p.foo')cú pháp mà bạn thấy trong jQuery và những người khác, nhưng các biến thông thường như $namevà $order)

Sử dụng rất phổ biến trong jQuery là để phân biệt các đối tượng jQuery được lưu trữ trong các biến với các biến khác.

Ví dụ: tôi sẽ xác định:

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

Tôi thấy điều này rất hữu ích trong việc viết mã jQuery và giúp dễ dàng thấy các đối tượng jQuery có một tập các thuộc tính khác nhau.

Trong phiên bản 1, 2 và 3 của ECMAScript , việc sử dụng các tên biến $ -prefixed đã được khuyến khích rõ ràng bởi thông số kỹ thuật ngoại trừ trong bối cảnh mã được tạo tự động:

Ký hiệu đô la ( $) và dấu gạch dưới ( _) được cho phép ở bất cứ đâu trong mã định danh. Ký hiệu đô la chỉ dành cho sử dụng trong mã được tạo cơ học.

Tuy nhiên, trong phiên bản tiếp theo (Phiên bản thứ 5 , hiện tại), hạn chế này đã bị loại bỏ và đoạn văn trên được thay thế bằng

Ký hiệu đô la ( $) và dấu gạch dưới ( _) được cho phép ở bất cứ đâu trong Mã định danh .

Như vậy, dấu $ bây giờ có thể được sử dụng tự do trong các tên biến. Một số khung và thư viện nhất định có quy ước riêng về ý nghĩa của biểu tượng, được ghi chú trong các câu trả lời khác ở đây.

Như những người khác đã đề cập, ký hiệu đô la được dự định sẽ được sử dụng bởi mã được tạo ra một cách cơ học. Tuy nhiên, quy ước đó đã bị phá vỡ bởi một số thư viện JavaScript rất phổ biến. JQuery, Prototype và MS AJAX (AKA Atlas) đều sử dụng ký tự này trong các định danh của họ (hoặc như một toàn bộ định danh).

Tóm lại bạn có thể sử dụng $bất cứ khi nào bạn muốn. (Thông dịch viên sẽ không phàn nàn.) Câu hỏi là khi nào bạn muốn sử dụng nó?

Cá nhân tôi không sử dụng nó, nhưng tôi nghĩ rằng việc sử dụng nó là hợp lệ. Tôi nghĩ rằng MS AJAX sử dụng nó để biểu thị rằng một hàm là bí danh cho một số cuộc gọi dài dòng hơn.

Ví dụ:

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

Đó dường như là một quy ước hợp lý.

Trong ngữ cảnh của AngularJS, $tiền tố chỉ được sử dụng cho các định danh trong mã của khung. Người dùng của khung được hướng dẫn không sử dụng nó trong các định danh riêng của họ:

Không gian góc cạnh $và$$

Để ngăn xung đột tên ngẫu nhiên với mã của bạn, Angular tiền tố tên của các đối tượng công cộng với $và tên của các đối tượng riêng tư với $$. Vui lòng không sử dụng $hoặc $$tiền tố trong mã của bạn.

Nguồn: https://docs.angularjs.org/api

Tôi là người đã khởi nguồn hội nghị này vào năm 2006 và đã quảng bá nó trong danh sách gửi thư jQuery ban đầu, vì vậy hãy để tôi chia sẻ một số lịch sử và động lực xung quanh nó.

Câu trả lời được chấp nhận đưa ra ví dụ này:

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

Nhưng điều đó không thực sự minh họa nó tốt. Ngay cả khi không có $, chúng ta vẫn sẽ có hai tên biến khác nhau ở đây emailvà email_field. Đó là rất nhiều tốt ở đó. Tại sao chúng ta cần phải ném một $trong những tên khi chúng ta đã có hai tên khác nhau?

Trên thực tế, tôi đã không sử dụng email_fieldở đây vì hai lý do: names_with_underscoreskhông phải là JavaScript thành ngữ và fieldkhông thực sự có ý nghĩa đối với một phần tử DOM. Nhưng tôi đã làm theo cùng một ý tưởng.

Tôi đã thử một vài thứ khác nhau, trong số đó có một cái gì đó rất giống với ví dụ:

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

(Tất nhiên một đối tượng jQuery có thể có nhiều hơn một phần tử DOM, nhưng mã tôi đang làm việc có rất nhiều idbộ chọn, vì vậy trong những trường hợp đó có sự tương ứng 1: 1.)

Tôi đã có một trường hợp khác khi một hàm nhận một phần tử DOM làm tham số và cũng cần một đối tượng jQuery cho nó:

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

Vâng, đó là một chút bối rối! Trong một trong các đoạn mã của tôi, emaillà đối tượng jQuery và emailElementlà phần tử DOM, nhưng trong phần còn lại, emaillà phần tử DOM và emailJQlà đối tượng jQuery.

Không có sự thống nhất và tôi tiếp tục trộn chúng lên. Thêm vào đó, có một chút phiền toái khi phải tạo ra hai tên khác nhau cho cùng một thứ: một cho đối tượng jQuery và một tên khác cho thành phần DOM phù hợp. Bên cạnh đó email, emailElementvà emailJQ, tôi cũng tiếp tục thử các biến thể khác.

Sau đó, tôi nhận thấy một mô hình phổ biến:

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

Vì JavaScript coi $đơn giản là một chữ cái khác cho các tên và vì tôi luôn nhận được một đối tượng jQuery từ một $(whatever)cuộc gọi, nên mẫu cuối cùng cũng nhận ra tôi. Tôi có thể nhận một $(...)cuộc gọi và chỉ cần loại bỏ một số ký tự, và nó sẽ xuất hiện với một cái tên khá hay:

$("#email")
$(email)

Strikeout không hoàn hảo, nhưng bạn có thể hiểu ý tưởng: với một số ký tự bị xóa, cả hai dòng này cuối cùng trông giống như:

$email

Đó là khi tôi nhận ra mình không cần phải tạo nên một quy ước như emailElementhay emailJQ. Đã có một quy ước tốt đẹp nhìn chằm chằm vào tôi: đưa một số nhân vật ra khỏi $(whatever)cuộc gọi và nó biến thành $whatever.

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

và:

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

Vì vậy, tôi đã không phải tạo ra hai tên khác nhau mọi lúc mà chỉ có thể sử dụng cùng một tên có hoặc không có $tiền tố. Và $tiền tố là một lời nhắc tốt đẹp rằng tôi đang xử lý một đối tượng jQuery:

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

hoặc là:

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

Stevo là đúng, ý nghĩa và cách sử dụng ký hiệu đô la (trong nền tảng Javascript và jQuery, nhưng không phải trong PHP) là hoàn toàn ngữ nghĩa. $ là một ký tự có thể được sử dụng như một phần của tên định danh. Ngoài ra, ký hiệu đô la có lẽ không phải là điều "kỳ lạ" nhất bạn có thể gặp trong Javascript. Dưới đây là một số ví dụ về tên định danh hợp lệ:

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

Tất cả các ví dụ trên sẽ hoạt động.

Thử chúng đi.

Ký tự $ không có ý nghĩa đặc biệt đối với công cụ JavaScript. Nó chỉ là một ký tự hợp lệ khác trong một tên biến như az, AZ, _, 0-9, v.v ...

Vì _ở đầu một tên biến thường được sử dụng để chỉ ra một biến riêng tư (hoặc ít nhất một biến có ý định giữ riêng tư), tôi thấy$ thuận tiện cho việc thêm trước các bí danh ngắn gọn của riêng mình vào các thư viện mã chung.

Ví dụ: khi sử dụng jQuery, tôi thích sử dụng biến $J(thay vì chỉ $) và sử dụng$P khi sử dụng php.js, v.v.

Tiền tố làm cho nó khác biệt về mặt trực quan với các biến khác như biến tĩnh của riêng tôi, cho tôi biết thực tế rằng mã là một phần của thư viện này hay thư viện khác và ít có khả năng xung đột hoặc gây nhầm lẫn cho người khác khi họ biết quy ước.

Nó cũng không làm lộn xộn mã (hoặc yêu cầu nhập thêm) như một tên được chỉ định đầy đủ lặp lại cho mỗi cuộc gọi thư viện.

Tôi thích nghĩ về nó giống như những gì các phím bổ trợ làm để mở rộng khả năng của các phím đơn.

Nhưng đây chỉ là quy ước của riêng tôi.

Như tôi đã trải nghiệm trong 4 năm qua, nó sẽ cho phép một số người dễ dàng xác định xem biến chỉ ra một giá trị / đối tượng hay một phần tử DOM được bao bọc bởi jQuery

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

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

trong ví dụ trên khi tôi thấy biến "$ dataDiv" tôi có thể dễ dàng nói rằng biến này trỏ đến một phần tử DOM được bao bọc bởi jQuery (trong trường hợp này là div). và tôi cũng có thể gọi tất cả các phương thức jQuery mà không bao bọc đối tượng một lần nữa như $ dataDiv.append (), $ dataDiv.html (), $ dataDiv.find () thay vì $ ($ dataDiv) .append ().

Hy vọng nó có thể giúp. Vì vậy, cuối cùng muốn nói rằng nó sẽ là một thực hành tốt để làm theo điều này nhưng không bắt buộc.

${varname} chỉ là một quy ước đặt tên mà các nhà phát triển jQuery sử dụng để phân biệt các biến đang giữ các phần tử jQuery.

Plain {varname}được sử dụng để lưu trữ những thứ chung chung như văn bản và chuỗi. ${varname}giữ các phần tử được trả về từ jQuery.

Bạn có thể sử dụng đồng bằng {varname} để lưu trữ các phần tử jQuery, nhưng như tôi đã nói lúc đầu, điều này phân biệt nó với các biến đơn giản và làm cho nó dễ hiểu hơn nhiều (hãy tưởng tượng nhầm lẫn nó với một biến đơn giản và tìm kiếm khắp nơi để hiểu những gì nó giữ) .

Ví dụ :

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

Ở đây, blah đang lưu trữ một phần tử jQuery được trả về.

Vì vậy, khi người khác nhìn thấy $blahmã, họ sẽ hiểu nó không chỉ là một chuỗi hay một số, đó là một phần tử jQuery.

Mặc dù bạn chỉ có thể sử dụng nó để tiền tố định danh của mình, ví dụ, nó được sử dụng cho mã được tạo, chẳng hạn như mã thông báo thay thế trong mẫu, chẳng hạn.

Sử dụng góc là cho các thuộc tính được tạo ra bởi khung. Đoán, họ đang đi theo gợi ý (bây giờ không còn tồn tại) được cung cấp bởi ECMA-262 3.0.

$ được sử dụng để DISTINGUISH giữa các biến phổ biến và biến jquery trong trường hợp biến thông thường. hãy để bạn đặt hàng trong FLIPKART sau đó nếu đơn hàng là biến hiển thị cho bạn đầu ra chuỗi thì nó được đặt tên đơn giản là "thứ tự" nhưng nếu chúng ta nhấp vào thứ tự địa điểm thì một đối tượng được trả về, đối tượng đó sẽ được ký hiệu là $ là "$ ra lệnh "để lập trình viên có thể bắn ra các biến javascript và biến jquery trong toàn bộ mã.

Nếu bạn thấy ký hiệu đô la ($) hoặc ký hiệu đô la kép ($$) và tò mò về ý nghĩa của điều này trong khung Nguyên mẫu, đây là câu trả lời của bạn:

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

Nguồn:
http://www.prototypejs.org/api/utility/dollar-dollar

Lý do đôi khi tôi sử dụng các quy ước tên php với các biến javascript: Khi thực hiện xác thực đầu vào, tôi muốn chạy các thuật toán chính xác giống nhau ở cả phía máy khách và phía máy chủ. Tôi thực sự muốn hai mặt của mã trông giống nhau nhất có thể, để đơn giản hóa việc bảo trì. Sử dụng dấu đô la trong tên biến làm cho điều này dễ dàng hơn.

(Ngoài ra, một số hàm trợ giúp hợp lý giúp làm cho mã trông giống nhau, ví dụ: gói tra cứu giá trị đầu vào, các phiên bản không OO của strlen, chất nền, v.v. Mặc dù vậy, nó vẫn yêu cầu một số điều chỉnh thủ công.)

Mã định danh JavaScript hợp lệ phải bắt đầu bằng một chữ cái, dấu gạch dưới (_) hoặc ký hiệu đô la ($); các ký tự tiếp theo cũng có thể là chữ số (0-9). Vì JavaScript phân biệt chữ hoa chữ thường, các chữ cái bao gồm các ký tự "A" đến "Z" (chữ hoa) và các ký tự "a" đến "z" (chữ thường).

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