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(early return)は、「ダメな条件のときは、関数の途中でさっさと抜けてしまう書き方」 です。これを意識して書けるようになると、if が何重...
JavaScript

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

戻り値ってそもそも何者?戻り値は、「関数が“仕事を終えたあとに外に渡す結果”」 です。関数は「何かをして終わり」のときもあれば、「計算して、その結果を返してほしい」ときもあります。その「結果」を外に返...
JavaScript

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

デフォルト引数って何者?デフォルト引数は、「引数が渡されなかったときに使う“あらかじめ決めておく値”」 です。「この引数は省略されることもあるけど、そのときはこの値を使ってね」という“保険”を関数側で...
JavaScript

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

可変長引数って何者?可変長引数(かへんちょうひきすう)は、「引数が何個来るか分からないけど、とりあえず全部受け取りたい」 ときに使う仕組みです。JavaScript では ...args のように、引...
JavaScript

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

アロー関数って何者?アロー関数は、「関数をもっと短く・スッキリ書くための新しい記法」 です。見た目はこういうやつです。const greet = (name) => { console.log("こん...
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 や while の途中で「もうこれ以上回さなくていい」と判断した瞬間に...
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 までの数字を順番に表示したい」「配列の中身を先頭から順に処理したい」といったと...
スポンサーリンク