JavaScriptの$(ドルマーク)の意味とは?

JavaScriptやjQueryで$を普段から使用していると思いますが、この$マークはどのような意味を持っているのかご存じでしょうか?今回はJavaScriptの$にはどのような意味を持ち、使われているのかを解説します。

コンテンツ [表示]

  1. 1JavaScriptの$(ドルマーク)の意味とは?
  2. 1.1JavaScriptでの$の持つ意味
  3. 1.2jQueryでの$の意味
  4. 1.3まとめ

JavaScriptの$(ドルマーク)の意味とは?

皆さんはJavaScriptやjQueryをコーディングするときに、$という文字を普段から使用していると思います。

では実際にこの$がどのような意味を持ちどのような役割をしているのかご存じでしょうか?

実際にコーディングの技術が向上することはありませんが、$の意味を知ることでコーディングする際の理解が深まるのでぜひ$の意味を抑えてください。

JavaScriptでの$の持つ意味

実はJavaScriptにおいて$は特別な文字ではありません。

その他テキストと同等に扱うことができる、ただの文字にすぎません。

そのように言える理由ですが、JavaScriptの変数を定義する際は、「a~z」「A~Z」「0~9」「$(ドルマーク)」「_(アンダーバー)」から始まる文字列である必要があります。

ですので、$だけで変数を定義することもできます。

逆に言えば「a~z」などの文字と「$」は同等に扱えることとなり、何か特別な意味を持つ文字ではないことがわかります。

JavaScriptにおいて$は特別な文字ではないのです。
 

jQueryでの$の意味

jQueryで$を使うタイミングとしては、関数や変数を定義する時によく使用すると思います。

結論から言うと、内部の仕組み的には「$=jQuery」と言えます。

なぜこのように言えるかというと、jQuery公式の$が定義されている箇所より読み解くことができます。

公式には$は以下のように定義されています。

$の定義

if ( !noGlobal ) {
  window.jQuery = window.$ = jQuery;
}

上記の表のwindowとはjQueryにおける最上位コンテクストのことで通常は省略することができます。

よって、「$=jQuery」と言えることがわかりました。

つまり、$マークはその関数や変数がjQueryと関係がある文字列であることを示しているサインにすぎないということです。

「$=jQuery」なので以下の2つのコードは全く同じ挙動をします。

jQueryの$

$('.class').text('text');

jQuery('.class').text('text');
 

「この変数はjQueryに関するものだけど毎回jQueryと書くのは面倒だから$で代用しよう」というのがjQueryでの$の意味になります。

まとめ

今回はJavaScriptとjQueryで$が持つ意味を解説しました。

まとめると、「$とは『$=jQuery』でありjQueryと関係がある変数や関数であると示しているが、JavaScriptから見るとjQueryがただ$マークを特別な文字として扱っているだけで、JavaScript上でじゃただの文字」ということになります。

ぜひ上記の事を意識しながらコーディングしてみてください。

GeekHive採用サイト

関連記事