JavaScriptにおけるアンダースコアの意味を現役エンジニアが解説【初心者向け】
初心者向けにJavaScriptにおけるアンダースコアの意味について現役エンジニアが解説しています。アンダースコアはJavaScriptの識別子や関数名などで使われます。コンスタントケースとスネークケースと呼ばれる命名規約やプライベート関数やプロテクト関数として使われます。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
JavaScriptにおけるアンダースコアの意味について解説します。
実際のコードをもとに解説していきますので、理解を深めていきましょう。
また、入門向けのJavaScriptを学習できるサイトも紹介しているので、合わせてご覧ください。
そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。
なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。
今回は、JavaScriptに関する内容だね！
どういう内容でしょうか？
JavaScriptにおけるアンダースコアの意味について詳しく説明していくね！
お願いします！
識別子で使われる場合
識別子としてアンダースコア(_)を利用される場合、良く使われるのは２つ
- 名前の間にある場合
- 名前の先頭にある場合
一つずつ説明させて頂きます。
名前の間にある場合
これは、コンスタントケースとスネークケースと呼ばれる命名規約の方法で、単語と単語の間をアンダースコア(_)でつなぎます。
コンスタントケースと、スネークケースの違いは大文字のみで命名するか小文字を利用するかの違いです。コンスタントケースは定数を定義する時や、グローバル変数を定義する時に利用することが多いです。
名前の先頭にある場合
これは、プライベート変数に利用する時に使用することが多いです。若しくは、予約語と同じ命名を使用したいときに付ける場合もありますが、あまりお勧めはしません。
関数名などで使われる場合
識別子と同じような利用のされかたですが、関数名ではあまり間にアンダースコアを入れることは少ないと思います。
関数名の場合はキャメルケース（単語の先頭を大文字にして後は小文字）を利用することが多いと思われます。
ただ、先頭にアンダースコア(_)を入れるケースの関数はたまにあります。これらは、プライベート関数やプロテクト関数として触って欲しくない関数に利用する事が多いいです。
実際に書いてみよう
<html>
<head>
<title>JavaScriptの命名規約</title>
<style type="text/css">
textarea{width:100%;height:30%;}
</style>
</head>
<body>
<h1></h1>
<script type="text/javascript">
const CONSTDATA = 1
var public_data = 2
function NewFunction() {
var new_data = 3;
function _privateFunction() {
var _private_data = 4;
document.write("<p>" + CONSTDATA + "</p>");
document.write("<p>" + public_data + "</p>");
document.write("<p>" + new_data + "</p>");
document.write("<p>" + _private_data + "</p>");
}
_privateFunction()
}
NewFunction()
</script>
</body>
</html>
如何でしょうか？書き方で、変数や関数を利用する際に見やすくなているかと思います。見やすくなれば、思わぬバグの混入も予防できますので、是非参考にしてみてください。
筆者プロフィール
| 小宮山晃史（こみやまこうじ)
現在はOracle系システムの導入コンサルに勤め、仕事でコーディングをする機会は少なくなくなっているが、ライフワークで数多くの言語を勉強中。 iphoneのアプリ開発やWEBサーバの構築など幅広く挑戦しています。 |
内容分かりやすくて良かったです！
ゆかりちゃんも分からないことがあったら質問してね！
分かりました。ありがとうございます！
TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプJavaScript/jQuery講座を開催しています。
挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
