В чем разница в названии переменных со знаком $ и без него? И что где лучше использовать?

Question

[Вячеслав]

Привет всем. Я понимаю что с долларом - jQuery обьект. Обьясните в каких случаях обязательно использовать с $, а когда можно на свое усмотрение.
Спасибо.

Answer 1

[Денис Д.]

Символом $ как правило обозначают переменные с выборкой элементов и никакого функционала не несут. Всё это только ради удобства, чтобы быстро отличать в коде переменные с выборкой. Например:

var $divs  = $('div'),   // выборка из всех div-элементов
    $p     = $('p'),    // выборка из всех p-элементов
    $code = document.getElementsByTagName('code'); // также выборка нативным методом, которая хранит все code-элементы

Comments

[Сергей Протько]

поправка - обычно так обозначают как раз таки переменные, содержащие выборку в jQuery обертке. Так что для лучаев типа getElementsByTagName или querySelectorAll нету смысла добавлять $ к назнанию переменной. Возможно люди просто по привычке так делают.

[Вячеслав]

Спасибо, понял суть.

Answer 2

[Niemand]

В плагинах часто вижу, что переменными с $ обозначаются объекты jQuery, а без - остальные.
Например:

var image = new Image();
image.src = 'abcd.png';
$img = $(image);
$img.attr('myattr', '1').fadeTo(0);

Answer 3

[Snewer]

Это просто название переменной. Никакого функционала они не несут. Таким образом удобно называть переменные для jquery объектов, например.

$ такой же символ как и ABC, т. е.:

var $test,
$$test,
te$$$$$st,
test$$$;

все переменные указаны верно

Answer 4

[Дмитрий Энтелис]

Я думаю что это наследие php программистов которые пишут js код.
В php любая переменная должна начинаться с $, соответственно некоторые когда пишут js - именуют их так же для единообразия.
У самого js требований на именование переменных нет.
Jquery выбрали символ $ для обозначение своего объекта просто так.

Comments

[Alex Kheben]

В корне не верно. В Angular'е, на сколько мне не изменяет память, сервисы обозначаются переменными с $ в начале.
В случае же с jQuery - это просто удобный алиас.
Сомневаюсь, что разработчики Angular и jQuery когда-нибудь были поклонниками PHP :)

[Сергей Протько]

@zBit, символ $ для некоторых сервисов обозначает что это сервисы ангуляра. Точно так же как методы apply (который у объекта Scope и так есть) и $apply. Так же два символва подряд означают что это приватные переменные, к которым лучше не обращаться. Например $scope.$$phase.

Answer 5

[Alex Kheben]

В случае с jQuery, знак $ - это просто алиас.
Используйте как вам удобнее. Но правила хорошего тона - использование алиаса в виде одного символа ($), а не слова из 6 символов (jQuery), это уменьшает размер и, как мне кажется, улучшает читаемость кода.

Comments

[Snewer]

ТС интересует данный знак в составе переменной, как я понял

Answer 6

[Юрий Лобанов]

Как уже написали - разницы нет, знак $ не является обязательным. Добавлю еще, что главное тут единообразие. Задайтесь одним правилом наименований, и используйте его в проекте, а лучше во всех своих проектах, а то потом будет тяжело читать код.
У меня у самого с этим проблема.
Вот в помощь learn.javascript.ru/variable-names