2020年3月23日(月)
[JavaScript] 変数名および関数名 #HTML5&CSS3&JavaScript

　どうして、ガレコレのJavsScriptプログラミングでは、変数名の頭に[$]を付けているの？とよく言われます。ちなみに、関数名の頭には[_]を付けています。

--
変数名　$*
関数名　_*()
--


　変数名や関数名を『識別子』と呼びます。識別子のルールは下記の通りです。

--
①識別子の頭は、アルファベット、アンダースコア[_]、ドル記号[$]です。
②続く文字は、数字[0-9]も使えます。
③アルファベットでは、大文字・小文字を区別します。[a-z,A-Z]
④予約語など、利用できない文字列があります。

【予約語】
break
case
catch
continue
default
delete
do
else
false
finally
for
function
if
in
instanceof
new
null
return
switch
this
throw
true
try
typeof
var
void
while
with

【グローバル変数とグローバル関数】
arguments
Array
Boolean
Date
decodeURI
decodeURIComponent
encodeURI
Error
escape
eval
EvalError
Infinity
isFinite
isNaN
Math
NaN
Function
Object
parseFloat
parseInt
RangeError
ReferenceError
Number
String
SyntaxError
TypeError
undefined
unescape
RegExpURIError

【予約語となる可能性がある単語】
abstract
as
boolean
byte
char
class
const
debugger
double
enum
export
extends
final
float
goto
implements
import
int
interface
is
long
namespace
native
package
private
protected
public
short
static
super
synchronized
throws
transient
use
volatile
--


　すべてのアルファベット1文字は、識別子として利用できます。慣例的によく使われるものを挙げてみます。[i][j]は、ループのカウンタ変数として使われます。

--
for(i=0;i<5;i++){
for(j=0;j<10;i++){}
}

x:x-axis
y:y-axis
z:z-axis
w:width
h:height
t:time
y:year
m:month
d:day
h:hour
m:minute
s:second
c:count
e:event
--


　よく使う短縮形で、一時的に変数に格納する際によく使われるのが下記です。

--
tmp:temporary一時的
str:string文字列
num:number数字
--


　その他、よく使う短縮形です。

--
obj:objectオブジェクト
tbl:table表
--


　さて、ガレコレでは、うっかり予約語などを使わないようにするために、変数名に[$]、関数名に[_]を付けています。変数や関数が検索しやすいという利点もあります。

--
×Date
○$Date

×do
○$do
--


　ガレコレでは、加えて、アルファベットを小文字のみにしています。ワードを繋げるときに、ガレコレでは[_]で繋げます。ちなみに、JavaScriptでは頭を大文字にして繋げ、CSSでは[-]で繋げます。区別が付くので、そうしています。

--
×font-size　//CSS
△fontSize　//JavaScript
○font_size
--


　プログラミングは、機能拡張していくと、どんどん大きくなります。変数名と関数名を認識しやすくすることは、非常に大事です。


P.S.hogeとかhogehogeは、プログラムを説明するときに、何か適当なものを入れてねと言う意味です。最近では通用しないかもね。