More than 3 years have passed since last update.

40 代おっさん GASのスコープを学ぶ

Posted at 2022-02-17

本記事ついて

本記事はプログラミング初学者の私が学習していく中でわからない単語や概要をなるべくわかりやすい様にまとめたものです。
もし誤りなどありましたらコメントにてお知らせいただけるとありがたいです。

変数や定数には、どこからそれらからを参照できるかという範囲が定められている。
そのことをスコープと呼ぶ

console.log('利樹君です！');

function toshiki() {
  console.log('利樹はかわいいです');
}

console.log('利樹はとてもかわしいです。');

これを実行したとします。
ログ情報は
16:49:30 情報利樹君です！
16:49:30 情報利樹はとてもかわしいです。
16:49:30 情報利樹はかわいいです
この順番になったと思います。

つまりfunction toshiki()が一番最後に実行されたのです。
function toshiki()の外はグローバル領域と言われ、関数より先にステートメントが先に実行されるのです。

次に

function toshiki() {
  console.log(`${calcArea_(3, 4)}`);
  const calcArea_ = (x, y) => x * y;
}

これを実行すると
ReferenceError: Cannot access 'calcArea_' before initialization
とエラーコードが出ます。
これはcalcArea_ が関数呼び出しが先に行われたことにより発生しました。

function toshiki() {
　const calcArea_ = (x, y) => x * y;
  console.log(`${calcArea_(3, 4)}`);
}

こちらだと普通に動くと思います。

グローバル領域を多用すると順序が分かりずらくなるので、特定のファイルにまとめて行うなどの工夫をするといいみたいです。

グローバルスコープ　プロジェクト全体から参照できる
ローカルスコープ　特定の範囲のみから参照できる
関数スコープ　宣言された関数の内部からのみ参照できる
ブロックスコープ　宣言されたブロックの内部からのみ参照できる

ステートメントをグループ化したもの

構文

{
  //処理
}