JavaScriptに関する記事一覧
ブラウザを操作するビルトインオブジェクト
ブラウザ操作のためのAPI MDNのWindowインターフェイス内に記述してある プロパティやメソッドを使ってブラウザを操作する *インターフェイス=オブジェクトと捉えて良い メソッド（抜粋） alert 画面にアラートを表示 alert(…
配列を操作する（Array.prototype）
破壊的メソッド（元の配列を変更する） push(末尾に追加)返り値：追加した後のlengthの値 let items = [1,2,3]; items.push(4); console.log(items); // [1,2…
lengthプロパティについて
挙動 更新のタイミングはインデックスの最大値が更新された時一番大きいインデックス+1の値を返している 通常（密な配列） let fruits = ['apple','banana']; // lengthは2 疎な配列 let fr…
配列について
配列はオブジェクトである 証明方法 typeof []; // "object" 下記のfruitsとarrayLikeObjectは内部的に同じ let fruits = ['apple','banana']; let a…
分割代入について
配列 const[a,b,c] = ['配列1', '配列2', '配列3']; console.log(a) // 配列1 代入時に変数名を決める オブジェクト const{ x, z } = {x: 'オブジェクト1'…
スプレッド構文について
オブジェクト、配列を展開できる const fruits = ['apple','banana','grape']; const newFruits = [...fruits]; console.log(newFruits)…
Classについて
Classを使うことで効率の良いコードが書ける様になる 積極的に使おう 定義 似たようなオブジェクトを生成するための設計図 クラス構文の使い方 定義する class User {} インスタンス化する new User(); 定義時に書ける…
var,let,constについて
一覧 varletconst関数宣言文再宣言できるできないできないできるスコープ持たない（関数スコープのみ）持つ持つ持たない（関数スコープのみ）ホイスティングされる(初期値はされない)されないされないされる(初期値もされる)グローバルオブジ…
レキシカル環境とは
どういうものか キー、バリューセットのオブジェクトの様なものスクリプトを読み込む前に１つレキシカル環境を作り、グローバルオブジェクトを登録するブロックスコープを読み込んだら新たなレキシカル環境を作るこの中にouterEnv(１つ外のレキシカ…
getterとsetter
そもそも 使わなくても良い機能 getterとは何か メソッドをプロパティの様に扱うためのもの const calculator = { size: 60, member: 4, // totalにsize*memberの値を設定したい時 …