JavaScript

スポンサーリンク
JavaScript

JavaScript 逆引き集 | extends 継承

extends 継承 — class B extends A {}JavaScript の extends は「クラスの継承」を表します。親クラス(基底クラス)の機能を子クラス(派生クラス)が引き継ぎ...
JavaScript

JavaScript 逆引き集 | class 構文

class 構文 — class A { constructor(x){ this.x = x } method(){} }JavaScript の class 構文は、オブジェクト指向プログラミング...
JavaScript

JavaScript 逆引き集 | プロトタイプ継承(古典)

プロトタイプ継承(古典) — Child.prototype = Object.create(Parent.prototype)JavaScript には「プロトタイプ継承」という仕組みがあります。こ...
JavaScript

JavaScript 逆引き集 | モジュールパターン(名前空間)

モジュールパターン(名前空間) — const My = (()=>{ return { fn(){} } })()JavaScript では昔から「モジュールパターン」という書き方がありました。これ...
JavaScript

JavaScript 逆引き集 | 即時実行関数(IIFE)

即時実行関数(IIFE) — (function(){})(); / (() => {})()JavaScript では 即時実行関数 (IIFE: Immediately Invoked Funct...
JavaScript

JavaScript 逆引き集 | スコープと var/let/const の違い

スコープと var / let / const の違い — var は関数スコープ、let / const はブロックスコープJavaScript で変数を宣言するときに使うキーワードは var / ...
JavaScript

JavaScript 逆引き集 | call/apply/bind

call / apply / bind の基本 — fn.call(ctx, arg1) / fn.apply(ctx, ) / fn.bind(ctx)JavaScript では 関数の呼び出し時に...
JavaScript

JavaScript 逆引き集 | this の扱い(関数とアロー)

this の扱い(関数とアロー関数)JavaScript の this は「その関数が呼ばれたときに参照するオブジェクト」を指します。ただし 通常の関数 と アロー関数 では挙動が違うため、初心者が混...
JavaScript

JavaScript 逆引き集 | クロージャの基本

クロージャの基本 — function outer(){ let a = 1; return ()=>a++ }JavaScript の クロージャ は「関数が作られたときの変数を覚えていて、あとから...
JavaScript

JavaScript 逆引き集 | EventEmitter(Node)

EventEmitter(Node.js) — const e = new EventEmitter(); e.on('x', ()=>{})Node.js には イベント駆動 の仕組みがあり、その中...
JavaScript

JavaScript 逆引き集 | fs.readFile(Node)

fs.readFile(Node.js) — const data = fs.readFileSync('a.txt','utf8')Node.js でファイルを読み込むときに使うのが fs モジュー...
JavaScript

JavaScript 逆引き集 | Buffer の利用(Node)

Buffer の利用(Node.js) — Buffer.from('text')Node.js には Buffer という特別なオブジェクトがあります。これは「バイナリデータ(生のデータ列)」を扱う...
JavaScript

JavaScript 逆引き集 | process.env(環境変数参照)

process.env(環境変数参照) — process.env.NODE_ENV(Node.js)Node.js では 環境変数 を process.env 経由で参照できます。環境変数は「アプリ...
JavaScript

JavaScript 逆引き集 | require(CommonJS)

require(CommonJS) — const x = require('x')(Node.js)Node.js では昔から使われている モジュール読み込みの仕組み が CommonJS です。r...
JavaScript

JavaScript 逆引き集 | export の基本

export の基本 — export function f(){} / export default ...JavaScript の モジュール では、ファイル内の関数や変数を外部に公開するために ...
JavaScript

JavaScript 逆引き集 | 動的 import(コード分割)

動的 import(コード分割) — const mod = await import('./mod.js')JavaScript の 動的 import は「必要なときにだけモジュールを読み込む」仕...
JavaScript

JavaScript 逆引き集 | Module(ESM)インポート

Module(ESM)インポート — import fs from 'fs'(環境による)JavaScript には モジュール という仕組みがあり、コードを分割して再利用できます。ESM(ECMAS...
JavaScript

JavaScript | 基礎構文:データ型 – typeof 演算子

typeof を一言でいうとtypeof 演算子は、「この値はどんなデータ型なのか?」を文字列で教えてくれる道具 です。実行中のコードの中で、これは数値なのかこれは文字列なのかこれは配列なのかオブジェ...
JavaScript

JavaScript | 基礎構文:データ型 – オブジェクトの基本

オブジェクトを一言でいうとオブジェクトは、「ひとまとまりの情報を、“名前付きのペア”で整理して持てる入れ物」 です。人本商品設定など、「何か1つの“もの”に、いくつかの性質(プロパティ)がくっついてい...
JavaScript

JavaScript | 基礎構文:データ型 – 配列の基本

配列を一言でいうと配列(Array)は、「同じような種類のデータを、順番つきでまとめて入れておける“箱の列”」 です。1人のユーザー → 1つの値(名前など)なら普通の変数で足りる10人のユーザー →...
JavaScript

JavaScript | 基礎構文:データ型 – BigInt

BigInt を一言でいうとBigInt は、「ふつうの Number では正確に扱えないレベルの“超でかい整数”を、安全に扱うためのデータ型」 です。JavaScript の通常の数値(Number...
JavaScript

JavaScript | 基礎構文:データ型 – Symbol

まず「Symbol(シンボル)」を一言でいうとSymbol は、「絶対にかぶらない“特別なラベル”を作るためのデータ型」 です。同じ説明を付けて作っても、毎回 必ず違う値 になります。const a ...
JavaScript

JavaScript | 基礎構文:データ型 – Undefined

まず「undefined」を一言でいうとundefined は、「“値がまだ決まっていない”ことを表すための特別な値」 です。もう少し噛み砕くと、「変数は“ある”んだけど、中に“ちゃんとした値”がまだ...
JavaScript

JavaScript | 基礎構文:データ型 – Null

まず「null」を一言でいうとnull は、「ここには“何もない”ことを、あえてハッキリ示すための特別な値」 です。「まだ値が決まっていない」のか「値がないことをわざと示している」のかこの違いを表現し...
JavaScript

JavaScript | 基礎構文:データ型 – Boolean

まず Boolean を一言でいうとBoolean(ブーリアン)は、「真か偽か、2つの状態だけを表すためのデータ型」 です。JavaScript では Boolean 型の値はたった 2つだけです。t...
JavaScript

JavaScript | 基礎構文:データ型 – String

まず「String(文字列)」を一言でいうとString(ストリング)は、「文字をならべたデータを扱うための型」 です。文章名前IDメールアドレスURLボタンのラベルなど、「人が読むための情報」はほぼ...
JavaScript

JavaScript | 基礎構文:データ型 – Number

JavaScript の Number を一言でいうとJavaScript の Number は「整数も小数もぜんぶまとめて扱う “数字用の型”」です。他の言語だと「int」「float」「doubl...
JavaScript

JavaScript | 基礎構文:変数・定数 – 多重代入

多重代入を一言でいうと多重代入(たじゅうだいにゅう)は、「1 行の代入文で、複数の変数にまとめて値を入れる書き方」 のことです。a にも b にも 0 を入れたいx と y に、それぞれ別の値を一気に...
JavaScript

JavaScript | 基礎構文:変数・定数 – 宣言と代入の違い

まず「宣言」と「代入」を一言で分ける先にイメージだけハッキリさせます。宣言:「この名前の変数(箱)を使いますよ、とプログラムに伝えること」代入:「その変数(箱)の中に、実際の値を入れること」たとえば、...
JavaScript

JavaScript | 基礎構文:変数・定数 – 初期化と未定義

「初期化」と「未定義」を一言でいうとまず言葉のイメージからはっきりさせます。「初期化(しょきか)」は、「変数を作ったタイミングで、最初の値をちゃんと入れてあげること」 です。「未定義(undefine...
スポンサーリンク