タグ

ブックマーク / kde.hateblo.jp (2)

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

    <目次> thisとは何か thisの値の決められ方 グローバルコンテクスト内でのthis 関数内でのthis メソッド内でのthis 入れ子の関数でのthis コンストラクタ内でのthis call()メソッド、apply()メソッドでのthis アロー関数内でのthis thisの退避 まとめ 参考 thisとは何か JavaScriptでのthisは、関数内で使用されるキーワードで、関数が実行される際に値が設定されます。 このときに設定される値は関数を呼び出すオブジェクトへのリンクです。 別の言い方をすると、実行中の関数をプロパティ、もしくはメソッドとして保持するオブジェクトへの参照と言えますが、言葉だけでは説明しにくいのでコードを見てみます。 const taro = { age: 30, gender: '男性', getGender: function() { return t

    【JavaScript基礎】thisとは何か・シーン別参照先のまとめ - KDE BLOG
  • 【JavaScript基礎】プロトタイプチェーンについて - KDE BLOG

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

    【JavaScript基礎】プロトタイプチェーンについて - KDE BLOG
  • 1