JavaScript

スポンサーリンク
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト – 変数解決の仕組み(順序)

変数解決とは何か(どの値を使うかを決める仕組み)「変数解決」とは、コードの中で名前(例:count, user)を使ったときに、JavaScript が「その名前が指す具体的な値」をどのスコープから見...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト – TDZ(Temporal Dead Zone)

TDZ(Temporal Dead Zone)とは何かTDZ は「一時的な死角」という意味で、let や const、class などが宣言されてから初期化されるまでのあいだ、その識別子にアクセスする...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト – this の基礎

this とは何かJavaScript の this は、「今そのコードを実行している“受け手(コンテキスト)”を指す特別なキーワード」です。関数の中で this を参照すると、「誰がその関数を呼んだ...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト – 関数スコープ

関数スコープとは何か関数スコープとは、「関数の中で宣言された変数は、その関数の中だけで有効」という範囲のことです。外からは見えず、関数が終われば使えなくなります。JavaScriptでは伝統的に va...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト – 変数のシャドーイング

変数のシャドーイングとは何か変数のシャドーイングとは、外側のスコープにある変数と同じ名前の変数が内側のスコープで宣言されたとき、内側の変数が外側の変数を「隠す」現象のことです。コードを実行すると、名前...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト – クロージャの基礎(応用はまだ不要)

クロージャとは何かクロージャとは、関数が「自分が定義された場所の外側の変数」へのアクセスを、実行後も持ち続ける仕組みです。ポイントは「どこで呼ぶか」ではなく「どこで定義したか」。関数は定義時点のレキシ...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト – レキシカルスコープ

レキシカルスコープとは何かレキシカルスコープ(静的スコープ)とは、「変数がどこから見えるかが、コードを“書いた場所”で決まる」という仕組みのことです。ポイントは「関数をどこで呼ぶか」ではなく「関数をど...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト – ブロックスコープ

ブロックスコープとは何かスコープとは「変数がどこから見えるか(使えるか)」の範囲のことです。その中で ブロックスコープ は、{ } で囲まれたブロックの中だけで有効なスコープを指します。if 文や f...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト – ローカルスコープ

ローカルスコープとは何かスコープとは「変数や関数がどこから見えるか(使えるか)」の範囲のことです。その中で ローカルスコープ は「関数やブロックの中だけで有効な範囲」を指します。ここで宣言された変数は...
JavaScript

JavaScript | 基礎構文:スコープ・実行コンテキスト – グローバルスコープ

グローバルスコープとは何かスコープは「変数がどこから見えるか(使えるか)」の範囲を指します。グローバルスコープは、プログラム全体からアクセスできる一番外側のスコープです。ここで宣言された変数は、関数や...
JavaScript

JavaScript | 基礎構文:関数 – コールバック関数の基礎

コールバック関数とは何かコールバック関数とは、「関数に渡して、あとで呼び出してもらう関数」のことです。通常は自分で関数を呼び出しますが、コールバック関数は「別の関数に渡して、その関数の中で呼び出される...
JavaScript

JavaScript | 基礎構文:関数 – 早期 return

早期 return とは何か早期 return(そうきリターン)とは、関数の処理を途中で打ち切って、すぐに結果を返す書き方です。通常は関数の最後まで処理を進めてから return しますが、条件によっ...
JavaScript

JavaScript | 基礎構文:関数 – 戻り値

戻り値とは何か戻り値(もどりち)とは、関数が処理を終えたあとに返す結果のことです。関数は「入力(引数)」を受け取り、「処理」を行い、その結果を「戻り値」として返します。戻り値を使うことで、関数の結果を...
JavaScript

JavaScript | 基礎構文:関数 – 可変長引数(…args)

可変長引数(...args)とは何か可変長引数とは、関数に渡す引数の数を自由にできる仕組みです。通常の関数は「引数の数」を決めて定義しますが、...args を使うと「いくつ渡しても受け取れる」ように...
JavaScript

JavaScript | 基礎構文:関数 – デフォルト引数

デフォルト引数とは何かデフォルト引数とは、関数を呼び出すときに値が渡されなかった場合に使われる「初期値」のことです。これを設定しておくと、引数が省略されても関数が正しく動作します。初心者にとっては「引...
JavaScript

JavaScript | 基礎構文:関数 – アロー関数

アロー関数とは何かアロー関数とは、JavaScript で関数をより短く書ける新しい記法です。=>(矢印)を使うので「アロー関数」と呼ばれます。通常の関数宣言や関数式よりもシンプルに書けるため、初心者...
JavaScript

JavaScript | 基礎構文:関数 – 引数

引数とは何か引数(ひきすう)とは、関数に渡す値のことです。関数は「処理のまとまり」ですが、その処理を柔軟にするために外から値を受け取れるようになっています。引数を使うことで、同じ関数でも違うデータを処...
JavaScript

JavaScript | 基礎構文:関数 – 関数式

関数式とは何か関数式とは「関数を値として変数に代入する書き方」のことです。通常の関数宣言と違い、関数を“式”として扱うため、変数に代入したり、他の関数に渡したりできます。JavaScript では「関...
JavaScript

JavaScript | 基礎構文:関数 – 関数宣言

関数宣言とは何か関数宣言とは「関数を定義するための基本的な書き方」のことです。JavaScript では function キーワードを使って関数を宣言します。宣言した関数はプログラムのどこからでも呼...
JavaScript

JavaScript | 基礎構文:関数 – 関数定義

関数定義とは何か関数定義とは「処理のまとまりに名前をつけて、あとから呼び出せるようにすること」です。プログラムの中で同じ処理を何度も書く代わりに、関数としてまとめておけば再利用でき、コードがすっきりし...
JavaScript

JavaScript | 基礎構文:ループ – ループ vs 高階関数(比較だけ)

ループと高階関数の違いとはプログラミングでは「繰り返し処理」を書く方法として ループ構文(for, while など) と 高階関数(map, filter, forEach など) の2つがあります...
JavaScript

JavaScript | 基礎構文:ループ – for…of

for...of 文とは何かfor...of 文は、配列や文字列など「繰り返し可能なデータ(イテラブル)」の要素を順番に取り出すためのループ構文です。インデックス番号を意識せずに「中身だけ」を扱えるの...
JavaScript

JavaScript | 基礎構文:ループ – for…in

for...in 文とは何かfor...in 文は、オブジェクトのプロパティ名(キー)を順番に取り出すためのループ構文です。配列や文字列にも使えますが、基本的には「オブジェクトの中身を調べる」場面でよ...
JavaScript

JavaScript | 基礎構文:ループ – ループの最適化

ループの最適化とは何かループの最適化とは、「同じ結果を保ったまま、ループの中で行う仕事量を減らす」工夫のことです。1回の処理が少し重くても、ループで何千・何万回と繰り返されると全体の速度に大きく響きま...
JavaScript

JavaScript | 基礎構文:ループ – ネストしたループ

ネストしたループとは何か「ネストしたループ」とは、ループの中にさらにループを書くことです。入れ子構造になっているため「ネスト」と呼ばれます。これを使うと、二重・三重の繰り返し処理ができ、表や配列の組み...
JavaScript

JavaScript | 基礎構文:ループ – break

break とは何かbreak はループの中で「ここで処理を打ち切って、ループ全体を終了する」ための命令です。繰り返しの途中で条件を満たしたら、それ以上続けずに抜けたいときに使います。for や wh...
JavaScript

JavaScript | 基礎構文:ループ – continue

continue とは何かcontinue はループの中で「その回の残りの処理をスキップして、次の繰り返しへ進む」ための命令です。ループ自体は止まりませんが、特定の条件に当てはまったときだけ処理を飛ば...
JavaScript

JavaScript | 基礎構文:ループ – do…while 文

do…while 文を一言でいうとdo...while 文は、「必ず 1 回は実行してから、“まだ続ける?” と後で確認するループ」 です。普通の while 文は「最初に条件をチェックして、OK な...
JavaScript

JavaScript | 基礎構文:ループ – while 文

while 文を一言でいうとwhile 文は、「ある条件が true のあいだ、ずっと同じ処理を繰り返す仕組み」 です。for 文は「何回回すか」を自分で設計するイメージでしたが、while 文は「こ...
JavaScript

JavaScript | 基礎構文:ループ – for 文

for 文を一言でいうとfor 文は、「同じような処理を、決まった回数だけ繰り返すための仕組み」です。たとえば「1〜10 までの数字を順番に表示したい」「配列の中身を先頭から順に処理したい」といったと...
スポンサーリンク