タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとjavascriptとthisに関するstarneon3517のブックマーク (4)

  • JavaScript の this を理解する多分一番分かりやすい説明 - Qiita

    JavaScript の this は、(他のプログラム言語から見ると) ちょっと面白い挙動に見えることがあります。 先日、この this の挙動について、会社の同僚が説明してくれたのですが、これまで聞いた説明の中で一番分かりやすいと感じたので、頑張って日語で説明してみます。 分かりにくかったら、多分それは私の技量不足。 this と function の関係 function が基準スコープになるのがまず一点。 その function をどう呼ぶかで変わるのかがもう一点。 それを踏まえて…… this は function を呼んだ時の . の前についているオブジェクトを指している と理解できるというのが、同僚の説明でした。 . が省略された場合はグローバルオブジェクトになります (non-strict モード時)。 strict モードでは undefined になります。(@ryo

    JavaScript の this を理解する多分一番分かりやすい説明 - Qiita
  • 【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の「this」を「HUNTER×HUNTER」で理解 - Qiita

    記事は下記を参考に漫画、「HUNTER×HUNTER」に置き換えながら説明する内容となっております。誤字脱字、間違い等ありましたらコメントを頂けますと幸いでございます。 JavaScriptの「this」は「4種類」?? #javascriptの「this」は「念能力者」?? この記事ではベースとなる4種類の「this」を念能力者として紹介します。 念能力者を理解できれば他もすぐに理解できます。 #thisの4種類のパターン 1:メソッド呼び出しパターン(キャラの自己紹介) 2:関数呼び出しパターン(パクノダで考えよう) 3:コンストラクタ呼び出しパターン(具現化系能力者で考えよう) 4:apply,call呼び出しパターン(クロロ=ルシルフルで考えよう) #メソッド呼び出しパターン(キャラの自己紹介) メソッド呼び出しパターンはキャラの自己紹介

    JavaScriptの「this」を「HUNTER×HUNTER」で理解 - Qiita
  • JavaScript の this を理解する - tacamy--blog

    this はインスタンス自身を指す、ただそれだけの話でしょう? そんなふうに考えていた時期が私にもありました。そう、JavaScript の this に出会うまでは・・。 用語について 私は Java 脳で書いてるので、言葉遣いが JavaScript と若干違う部分があると思います。 下記のようなイメージで言葉を使っています。 用語 意味 クラス インスタンスオブジェクトの元となる設計図 コンストラクタ クラスのコード部分で、new したときにコンストラクタの内容で初期化する インスタンス クラスを元に実体化したオブジェクト メンバ変数 クラスやインスタンスに属するローカル変数 メソッド クラスやインスタンスに属する命令(関数) オブジェクト指向とプロトタイプと this JavaScript のオブジェクト指向開発では、元になるクラスを new することで、インスタンスを生成します。

    JavaScript の this を理解する - tacamy--blog
  • 1