[ノンプロ研]GAS中級講座5期Day1　スコープと関数

どうも。つじけ（tsujikenzo）です。このシリーズでは、2021年5月から始まりました「ノンプロ研GAS中級講座5期」について、全8回でお届けします。今日は2回目のDay1です。

前回のおさらい
1. 今日のアジェンダ
スクリプトエディタの準備
1. スクリプトファイルのフォルダ分け
2. ダークモードの違い
スコープ
関数
1. 参照渡しと値渡し
2. 関数のパーツ化、サブ化
まとめ
このシリーズの目次

前回のおさらい

前回は、いよいよ講座が始まりますよ、ということで 「スケジュールと事前課題の確認」 をしました。

[ノンプロ研]GAS中級講座5期事前課題

どうも。つじけ（tsujikenzo）です。このシリーズでは、2021年5月から始まりました「ノンプロ研GAS中級講座5期」について、全8回でお届けします。今日は記念すべき1回目で「GAS中級講座5期が始まります！」をお届けします。...

今日は、Day1で 「スコープと関数」 についてお届けします。

今日のアジェンダ

スコープ
関数

スクリプトエディタの準備

講座では、スクリプトエディタの環境として、中級っぽいミニTipsをお伝えしました。

スクリプトファイルのフォルダ分け

スクリプトファイルはフォルダ分けすることができます。書き方のルールは以下です。

フォルダ名/スクリプトファイル名.gs

半角スラッシュ/の前後には、スペースを入れないことです。

※スクリプトファイルをフォルダに格納した場合は、スクリプトファイルの上下の移動ができなくなるので、管理者でファイルの移動をされたくない場合は利用価値が高まるかもしれません。

ダークモードの違い

スクリプトエディタには2種類のダークモードがあります。

デフォルトのダークモードは 「ハイコントラストテーマ」 と呼ばれています。

[F1] キーで コマンドパレット を開き、 「ハイ」 と日本語で検索して出てくる 「ハイコントラストテーマへの切り替え」 をクリックします。

このような見た目です。

一方、chromeには拡張機能 [AppsScript Color] があります。

AppsScript Color

Provides folders display and a dark color theme to the google apps script editor.

スクリプトエディタにアイコンが表示されますので、クリックすると切り替わります。ハイコントラストテーマと少し見た目が異なりますね。

お好みのダークモードを選択しましょう。（型判定ができるため、私は白画面よりダークモードを推奨します。）

スコープ

スクリプトファイルの実行順

スクリプトファイルは、 スクリプトファイルメニューの上から順 に実行されます。試しに、[01.gs] ファイルを下に移動して、myFunction1_01を実行すると、 「ReferenceError: msg is not defined」 というエラーが出ます。

これは、[01_02.gs] に書かれている変数[msg]が、まだ定義されていないからです。

さらに、 演習1－01 では、console.logの呼び出し順について、以下のように確認できます。
1. 関数を実行した同スクリプトファイル内のグローバル領域
2. 同プロジェクト内の他のスクリプトファイル内のグローバル領域
3. 実行した関数内のローカル領域

ブレークポイント

ブレークポイントのショートカットキーは [Ctrl ＋B] です。

「変数宣言（var/let/const）とはなにか」 や 「Script Object」 については、次回の講座でお届けします。

スコープの歴史

もともとは、JavaScriptには、 グローバルスコープ と 関数スコープ しか存在しませんでした。ローカルスコープといえば、関数スコープのことでした。

そこに ES6 から ブロックスコープ が導入されたため、ローカルスコープは 「関数スコープ」 と 「ブロックスコープ」 の2種類となりました。

グローバル領域に書くコード

グローバル領域には、コードを書いてはいけないわけではありません。毎回実行されて問題のないもの、重複記述すると冗長なものをグローバル領域に置いたりします。

また、グローバル領域に書かれていることを明示する為に、 「アッパースネーク記法」 で書くようにしています。読んだときにわかりやすいのが一番です。
– UPPER_SNAKE_CASE
– lower_snake_case
– UpperCamelCase
– lowerCamelCase
–

const FOLDER_ID = 'フォルダID';
const SS_ID = 'スプレッドシートID';

function myFunction1() {
// FOLDER_IDを使った処理
// SS_IDを使った処理
}

function myFunction2() {
// FOLDER_IDを使った処理
// SS_IDを使った処理
}

この、 「グローバル領域に変数を置く」 という処理ですが、古代からプログラミングと切っても切れない関係です。 「グローバル変数」 について考察はとても奥が深いものになりますので、徐々になれていきましょう。

ここでは、下記2点のご紹介にとどめておきます。

一般にグローバル変数は、その非局在的な性質ゆえに、好ましくない実践だと考えられている。すなわち、グローバル変数は潜在的にどこかで変更される可能性があり、またプログラムの一部はそれに依存してしまう恐れがあるからである。グローバル変数はそれゆえ相互依存を生み出す無限の可能性を持っており、相互依存が高まることは複雑性を増大することにつながる。
しかしグローバル変数が適する状況もある。例えば、システム起動時に一度だけファイルから読み出し、以降は様々な関数を通して継続的によく使われるような設定情報を格納する変数を、関数に毎回引数として渡すことを避けるために使用できる。また、並列実行するスレッドやシグナルハンドラのように、呼び出し側/被呼び出し側の関係を持たないコード同士でセクション間情報を受け渡すためにも広く使われる。

グローバル変数 - Wikipedia

過去に、 「スコープと名前」 について考察したことがありますので、こちらも参考にしていただければ幸いです。スコープという技術が用いられた大前提は 「変数名の衝突をどう回避するか」 です。

[プログラミング]スコープとは‐プロジェクトと名前‐

どうも。つじけ（tsujikenzo）です。このシリーズではプログラミング言語の「スコープ」について全3回でお届けします。今日は第1回目で「プロジェクトと名前」についてです。現在ノンプロVBA中級講座2期を受講していますが、VBA...

関数

文字列の分割を行うのは、Stringクラスの split()メソッド です。

String.prototype.split() - JavaScript | MDN

split() メソッドは、パターンを受け取り、String をパターン検索によって部分文字列の順序付きリストに分割し、これらの部分文字列を配列に入れ、その配列を返します。

構文は以下のようになっていて、区切り文字が現れるたびに、分割した文字列を配列で返します。第2引数の 分割数 は省略できますが、指定されると分割数に達すると停止します。

str.split(区切り文字・正規表現, 分割数);

参照渡しと値渡し

講座では、 「関数の引数のやりとりにおける参照渡しと値渡し」 をご紹介しましたが、もうちょっと理解したいという方の為に、 「変数に代入するときの型の違い」 を用いてご説明します。

関数のときと同じように、参照渡しと値渡しの要となるのは 「データ型」 です。以下のコードを実行してみましょう。

//プリミティブ型
function byVal(){

let x, y;
y = x;
x = 100;

console.log(y); //10
}

//オブジェクト
function byRef(){

let arr, arr2;
arr = ['hoge'];
arr2 = arr;
arr.push('fuga');

console.log(arr2); //['hoge', 'fuga']
}

なぜこのような挙動になるのかは、講座内でお伝えしました。メモリアドレスの参照先に値が割り当てられているのか、配列のような、 参照先 が割り当てられているのか、の違いです。