KDE BLOG

Webデザインやコーディングについて書いています

【JavaScript基礎】thisとは何か・シーン別参照先のまとめ

<目次>

  • thisとは何か
  • thisの値の決められ方
    • グローバルコンテクスト内でのthis
    • 関数内でのthis
    • メソッド内でのthis
      • 入れ子の関数でのthis
    • コンストラクタ内でのthis
    • call()メソッド、apply()メソッドでのthis
    • アロー関数内でのthis
      • thisの退避
  • まとめ
  • 参考
続きを読む

【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構築完了後に実行
    • 注意
  • 参考
続きを読む