KDE.BLOG

web制作で学んだことを記していきます

【JavaScript基礎】グローバルオブジェクトについて

<目次>

  • グローバルオブジェクトとは
    • グローバルオブジェクトの役割
  • 定数と関数
  • グローバル変数とグローバルプロパティ
  • グローバルオブジェクトへのアクセス
  • windowを明示しない方がわずかに処理が速い
  • 参考
続きを読む

【JavaScript基礎】プロトタイプチェーンについて

<目次>

  • プロパティを参照して見つからない場合どのような処理が行われるのか
  • プロトタイプチェーンを使うメリット
  • prototypeプロパティ
  • protoプロパティ
    • protoプロパティは実際のコーディングで使用するのは要注意
  • プロトタイプチェーンは最初に見つけたプロパティを返す
  • prototypeプロパティに新しいオブジェクトを定義するときの注意
    • constructorプロパティをつなげ直す方法
  • プロトタイプからプロパティを継承するインスタンスは常に最新の値を取得
  • prototypeプロパティを新しいオブジェクトに差し替えた場合、過去のインスタンスは更新しない
  • プロトタイプ継承チェーン生成
  • 参考
続きを読む

【JavaScript基礎】オブジェクトは常に動的である

<目次>

  • JavaScriptではいつでもオブジェクトにプロパティやメソッドを追加できる
  • オブジェクトのプロパティにはどんな値も格納できる
  • オブジェクトのプロパティを削除するにはdelete演算子を使う
  • 参考
続きを読む

【JavaScript基礎】typeof演算子、constructorプロパティ、instanceof演算子を使ってデータ型、コンストラクタ関数を特定する

<目次>

  • データ型の特定
    • typeof演算子
    • constructorプロパティ
    • オブジェクトのClassを用いた判定
  • コンストラクタ関数の特定
  • 参考
続きを読む

【JavaScript基礎】プリミティブ値の生成方法とラッパーオブジェクトに関して

<目次>

  • プリミティブ値とは
  • プリミティブ値の生成方法
    • リテラルを使う(推奨)
    • コンストラクタ関数を使う
    • new演算子とコンストラクタ関数を使う(非推奨)
      • コードが冗長になる
      • 返り値がプリミティブ値ではなくオブジェクトになる
  • プリミティブ値もオブジェクトとして扱うとオブジェクトのようにふるまう(ラッパーオブジェクト)
  • 参考
続きを読む

【JavaScript基礎】JavaScriptの実行順序について

<目次>

  • ブラウザでのJavaScriptの処理の流れ
  • イベント登録のタイミング
  • async属性とdefer属性
    • async属性:非同期で読み込み開始し、読み込み完了後に実行
    • defer属性:非同期で読み込みDOM構築完了後に実行
    • 注意
  • 参考
続きを読む

【JavaScript基礎】関数定義の基礎、サーキット演算、三項演算子について

<目次>

  • 関数定義の方法
    • ①function命令で定義関数
    • ②関数リテラルで定義
    • ③Functionコンストラクタ経由で定義
  • ①function命令での定義と、②関数リテラルでの定義の関数の使用上の注意
    • 関数登録のタイミングの違い
  • 即時関数について
    • 即時関数とは
    • 書き方
    • 即時関数のメリット
      • 関数名を書かなくても良いので、1回しか使わない関数をスマートに記述できる
      • スコープの汚染を防ぐ
      • 即時関数が()で括られている意味
  • サーキット演算
    • サーキット演算とは
    • 書き方
    • 使用に関して
  • 三項演算子
続きを読む