JavaScript

スポンサーリンク
JavaScript

JavaScript | 基礎構文:オブジェクト – Object.keys / values / entries

Object.keys / values / entries とは何かObject.keys / Object.values / Object.entries は、オブジェクトの「列挙可能な自分自身の...
JavaScript

JavaScript | 基礎構文:オブジェクト – in 演算子

in 演算子とは何かin 演算子は、あるキー(プロパティ名)がオブジェクトに「存在するか」を調べるための演算子です。結果は真偽値(true/false)。存在確認に特化していて、値が何であるか(und...
JavaScript

JavaScript | 基礎構文:オブジェクト – Freeze(凍結)

Freeze(凍結)とは何かObject.freeze(obj) は、オブジェクトを「変更できない状態」にする仕組みです。凍結すると、そのオブジェクトに対して新しいプロパティの追加、既存プロパティの削...
JavaScript

JavaScript | 基礎構文:オブジェクト – スプレッド構文による浅いコピー

スプレッド構文とは何かスプレッド構文 { ...obj } は、既存のオブジェクトの「自分が持っている列挙可能なプロパティ」を表面だけコピーして新しいオブジェクトを作る書き方です。重要なのは「浅いコピ...
JavaScript

JavaScript | 基礎構文:オブジェクト – オブジェクトのコピー

オブジェクトのコピーとは何か「コピー」は、元のオブジェクトから同じ内容を持つ“別のオブジェクト”を作ることです。ここが重要です:JavaScriptのオブジェクトは参照型なので、単なる代入は「同じもの...
JavaScript

JavaScript | 基礎構文:オブジェクト – メソッド

メソッドとは何かメソッドは、オブジェクトのプロパティとして格納された「関数」です。オブジェクトのデータ(他のプロパティ)を使って処理を行う“振る舞い”を表し、「データ+振る舞い」をひとまとまりにするこ...
JavaScript

JavaScript | 基礎構文:オブジェクト – プロパティアクセス(. と [])

プロパティアクセスとは何かJavaScriptのオブジェクトは「キーと値のペア」を持ちます。プロパティアクセスは、そのキーを指定して値を読み書きする操作です。方法は2つあり、ドット記法(.)とブラケッ...
JavaScript

JavaScript | 基礎構文:オブジェクト – プロパティの削除(delete)

プロパティの削除とは何かオブジェクトから不要になったキーと値のペアを取り除くのが「削除」です。JavaScriptでは delete 演算子を使ってプロパティを消します。削除すると、そのキーはオブジェ...
JavaScript

JavaScript | 基礎構文:オブジェクト – プロパティの追加

プロパティの追加とは何かオブジェクトの「プロパティ」は、キー(名前)と値のペアです。プロパティの追加は、既存のオブジェクトに新しいキーと値を付け足すことを指します。重要なのは「オブジェクトは後からでも...
JavaScript

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 | 基礎構文:関数 – デフォルト引数

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

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

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

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

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

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

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

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

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

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

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

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

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