JavaScriptにおけるアンダースコアの意味を現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptにおけるアンダースコアの意味について現役エンジニアが解説しています。アンダースコアはJavaScriptの識別子や関数名などで使われます。コンスタントケースとスネークケースと呼ばれる命名規約やプライベート関数やプロテクト関数として使われます。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。

JavaScriptにおけるアンダースコアの意味について解説します。

実際のコードをもとに解説していきますので、理解を深めていきましょう。

また、入門向けのJavaScriptを学習できるサイトも紹介しているので、合わせてご覧ください。

 

なお本記事は、オンラインブートキャンプ フロントエンドコース(JavaScript・jQuery講座)の内容をもとにしています。

 

 

田島悠介

今回は、JavaScriptに関する内容だね!

大石ゆかり

どういう内容でしょうか?

田島悠介

JavaScriptにおけるアンダースコアの意味について詳しく説明していくね!

大石ゆかり

お願いします!

 

識別子で使われる場合

識別子としてアンダースコア(_)を利用される場合、良く使われるのは2つ

  • 名前の間にある場合
  • 名前の先頭にある場合

一つずつ説明させて頂きます。

 

名前の間にある場合

これは、コンスタントケースとスネークケースと呼ばれる命名規約の方法で、単語と単語の間をアンダースコア(_)でつなぎます。

コンスタントケースと、スネークケースの違いは大文字のみで命名するか小文字を利用するかの違いです。コンスタントケースは定数を定義する時や、グローバル変数を定義する時に利用することが多いです。

 

名前の先頭にある場合

これは、プライベート変数に利用する時に使用することが多いです。若しくは、予約語と同じ命名を使用したいときに付ける場合もありますが、あまりお勧めはしません。

関数名などで使われる場合

識別子と同じような利用のされかたですが、関数名ではあまり間にアンダースコアを入れることは少ないと思います。
関数名の場合はキャメルケース(単語の先頭を大文字にして後は小文字)を利用することが多いと思われます。

ただ、先頭にアンダースコア(_)を入れるケースの関数はたまにあります。これらは、プライベート関数やプロテクト関数として触って欲しくない関数に利用する事が多いいです。

[PR] JavaScript・jQueryで挫折しない学習方法を動画で公開中

実際に書いてみよう

<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を使ってWebサービスを公開できるオンラインブートキャンプ フロントエンドコース(JavaScript・jQuery講座)を開催しています。

プログラミングの初心者でも受講可能です。Webサイトの表現の幅を広げたいという方はぜひご覧ください。

また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。