KDE BLOG

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

【ES2015】分割代入の基本と便利な使い方

  • 分割代入 (Destructuring assignment)とは
  • 配列での使い方
  • オブジェクトでの使い方
  • 便利な使い方
    • 値の入れ替え
    • 複数の返り値の取得
    • 関数の引数を分かりやすく表現
    • ループ処理
    • JSONや、ネストされたオブジェクトや配列から値を取得
  • まとめ
  • 参考
続きを読む

【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を用いた判定
  • コンストラクタ関数の特定
  • 参考
続きを読む