javascriptの変数宣言

Question

プログラミング初心者です。
javascriptの変数宣言に関して下記、2点質問させていただきます。

#変数宣言ごとの特徴に関して
javascript では、下記の宣言がありそれぞれ次のような特徴があると認識しております。
間違いがありませんでしょうか。

宣言子	var	let	const
再宣言	可能	不可	不可
再代入	可能	可能	不可
スコープ	関数	ブロック	ブロック

#スコープに関して
下記のように、関数の中で関数を呼び出す際、
親になっている関数で定義した定数（MoringWord, AfternoonWord）は、
関数getWordでは、定義されてないことになると思うのですが、どうすればよいでしょうか。

function Greeting(){
  var MoringWord= "Good Morning"; 
  var AfternoonWord= "Good Afternoon";
  let Word= getWord("10時");
};

function getWord(time){
  switch (time){
  case "10時":
      return MoringWord; //変数宣言できていない
      break;
  case "16時":
      return AfternoonWord; //変数宣言できていない
      break;
 }
};

下記のようにすれば、実現は可能かと考えているのですが、他に方法等ありますでしょうか。
・MoringWord, AfternoonWordをGreetingの外に出す。（グローバル変数にする）
・MoringWord, AfternoonWordを関数getWordの引数に持つ。

また、この関数の中関数を呼び出す方法がそもそもおかしいのであれば、ご指摘いただけますと幸いです。

Answer 1

変数宣言ごとの特徴に関して

varはグローバルスコープor関数スコープですね。
他、付け足すべきは、

• グローバルコードで実行すると、varはグローバル変数を定義し、let,constはローカル変数を定義する
• varはhoisting、let,constはTDZ

スコープに関して

そのケースなら、class化して、共有する変数はインスタンスプロパティにする事をお勧めします。

Re: gongon10600 さん

Comments

[gongon10600]

ご回答ありがとうございます。参考に、勉強させていただきます。

Answer 2

間違いがありませんでしょうか。

大間違いがあります。
関数ではありません。
キーワードと言います。
それと、頭大文字だと別の話になるので、
そこは正確に記述しないとダメです。

下記のようにすれば、実現は可能かと考えているのですが、他に方法等ありますでしょうか。

他にもカプセル化したりとか、
関数から値返すようにしたりとか、
クラス（プロトタイプ）で定義したりとかいろいろありますが、
とりあえず、質問の内容であれば、
その方法で十分かと思います。

Comments

[gongon10600]

ご回答ありがとうございます。
宣言子についてご指摘ありがとうございました。
基本的なことも割っていないので助かります。

質問内容の実現方法に関して、
グローバル変数や引数にはしたくないと考えていたのですが、
どのように対応するのが良いでしょうか。

また、下記三点に関しては後程勉強させていただきます。
「関数から値返す」に関してはどのように検索すればよいでしょうか。
（名前などついていますでしょうか。）
・カプセル化
・関数から値返す
・クラス（プロトタイプ）

[miyabi_pudding]

> グローバル変数や引数にはしたくない

であれば、私の回答もそうですが、think49さんの回答も参考にされるといいかと。
（その部分に関しては言ってることはほぼ同じです。）

javascript 関数 値を返す

とかでいろいろでてくると思いますよ。

[gongon10600]

お返事ありがとうございます。承知いたしました。

[think49]

@miyabi_takatsuk さん
> 宣言子、キーワードと言います。

ES2019に "Keywords" はありますが、
http://www.ecma-international.org/ecma-262/10.0/#sec-keywords
"declarator" はありません(ページ検索で未HIT)。

---
表の左上のセル値は「行名」「列名」のどちらを表すか不定で、行名なら@miyabi_takatsuk さんの仰る通りですが、列名なら別の名前になると思います。
なので、

- バックスラッシュな罫線を引いて、何も書かない
- バックスラッシュな罫線を引いて、行名/列名を併記する

というやり方もあるようですね。
https://www.aslive.biz/blog/747/
最も、markdownでは不可能な表現ですが。

[miyabi_pudding]

think49さん >
ご指摘ありがとうございます。
キーワードという言い方が、適当なようですね・・・。

確かに、表を見たときの違和感がありましたが、マークダウンだと正しい表現の表記にはできないようですね　汗

Answer 3

ご認識の通りかと思います。
実現方法に関しても、外に出すか、引数で渡すかぐらいじゃないかなと思います。

Comments

[gongon10600]

ご回答ありがとうございました。