◀︎STUDY JavaScript_031-1 Lower Camel Case / Reserved Word
1
-----
-----
-----
-----
プログラミングの記法 / Element (Factor) 名
- プログラミング言語では Element (Factor) 名にスペース(空白)が使えない場合が多い.
- 変数名 / 関数名を決めるとき, 複数の単語を繋げなければならないが, ここで工夫が必要となる.
- 空白文字をどのようなルールで置き換えるのか? 大文字と小文字のルールは?
- JavaScript は Lower Camel Case (ローワー・キャメル・ケース) を採用している.
- getElementById / getElementsByTagName (空白文字は無しで単語の先頭を小文字にする)
- Windows標準のプログラミング言語: Pascal は
Upper Camel Case (アッパー・キャメル・ケース) を採用している.
- CapitalizedWords / CapWords (空白文字は無しで単語の先頭を大文字にする)
- その他には Chain Case (Kebab Case) や Snake Case などがある.
- Googleの検索エンジンは各単語を連結するときの区切り記号を
Chain Case のハイフン「 - 」としている ( _ アンダー・スコアではない).
- 全ての文字が小文字 / 全ての文字が大文字 / 単語の先頭だけ大文字, などのルールを決めてある.
▼ Download: ■ sample_JS_031-000_ABCDE
JavaScript の Reserved Word(予約語)
- WordPress やプログラミング言語にはそれぞれ予約語がある.
- 予約語を変数に当てはめてしまうと 404 エラーを返す.
- 例えば, JavaScript では 開発者が for という単語を繰り返し処理を行う文字列として登録している.
私たちが開発者が使用した単語と同じ名前で変数を定義してしまうとプログラムは動かない.
- こういった単語を「予約語」と言う.
- JavaScript (ECMAScript 2023 )の予約語をあらかじめ知っておかなければならない.
- 変数名にはUnicode文字(英数字 / 漢字 / ひらがな / カタカナ)と, アンダー・スコア _ と $ を使うことができる.
- 注意: 予約語は使用できない / 先頭文字に数字は使えない / 大文字と小文字は区別される.
- 新しい JavaScript では同じ適用範囲で同じ名前は使えない.
- 変数名の長さは半角で255文字まで.
- 変数名の先頭を大文字にする方法をハンガリアン記法と言う.
- 仕事として(チームを組んで)コーディングを行わない場合は, 変数名を日本語にすると理解しやすい.
サンプル - 1
文字で ◯ を記述し, CSS で大きさ/色/ポジションを設定してある.
font-family:sans-serif;
font-size:86px;
font-weight:lighter;
color:#666666;
サンプル - 2
CSS で円を描いている.
width:80px;
height:80px;
border:2px solid #777777;
border-radius:50%;
background-color:white;
margin:60px;
サンプル - 3
外部ファイルから CSS を読み込んでいる.
sample_JS_031-C.css
サンプル - 4
円のパスを beginPath() → JavaScript で記述し, js code を外部ファイルにしてある.
sample_JS_031-D.js
記法
- 通常の英文(最初の単語だけ先頭の文字を大文字にしている) → According to this news report
- スペースを無くすと意味がわからなくなる → Accordingtothisnewsreport
- Lower Camel Case → accordingToThisNewsReport
- Upper Camel Case → AccordingToThisNewsReport
- Chain Case (Kebab Case) → According-to-this-news-report
- Snake Case → According_to_this_news_report
JavaScript の予約語 - A
- abstract / arguments / boolean / break / byte / case / catch / char / class / continue / debugger / default / delete / do / double / else / enum / eval / export / extends / false / final / finally / float / for / function / goto / if / implements / import / in / instanceof / int / interface / let / long / native / new / null / of / package / private / protected / public / return / short / static / super / switch / synchronized / this / throw / throws / transient / true / try / typeof / undefined / var / void / volatile / while / with / yield
JavaScriptの予約語 - B
- 次の英単語(予約語)を ABC 〜 順に並べ替えてください.
- var let async null await for else arguments super class extends implements interface package break yield case this
1
-----
-----
-----
-----
◀︎Contents STUDY JavaScript_031-1
