ECMAScript 2015以降のJavaScriptの`this`を理解する
この記事はJavaScriptの入門書として書いているjs-primerのthisに関する部分をベースにしています。 またjs-primerでは書けなかった現在時点(2018年1月1日)でのブラウザの挙動についてを加えたものです。 次の場所にjs-primer版（書籍版）のthisについての解説があります。 この記事と違って実際にコードを実行しながら読めるので、学習ソースとしては書籍版を推奨します。 書籍版: 関数とthis · JavaScriptの入門書 #jsprimer また、バグ報告やPRも直接リポジトリにして問題ありません。 asciidwango/js-primer: JavaScriptの入門書 おかしい場所を選択した状態で右下にある”Bug Report”ボタンを押せば、簡単にtypoとかのバグを報告できます。(PRでも歓迎) 前置きはこの辺までで、ここから本編。 この記
詳細 ECMA-262-3 第3章 this - mixi engineer blog
どうもおつかれさまでございます。たんぽぽグループの大形尚弘でございます。好きな言語は Dylan です。好きな声優は五十嵐裕美さんです。 さて、週刊のはずが月刊になってしまった、 Dmitry 先生の ECMA-262-3 シリーズの第3章をお送りします。文中、未だ訳出の終わっていないスコープチェーンや関数の章への参照がありますが、特にスコープチェーンにおいてこの時点である程度理解しておきたいとお感じになる方もいらっしゃるかと思います。その辺りは、以前私個人のブログで翻訳・公開させいただいたコア・JavaScript ( JavaScript. The Core. )でも簡単に触れられておりますので、適宜ご参照ください。 また、本章とは全然関係ないのですが、先日 JavaScript Advent Calendar 2011 (オレ標準コース)に参加させていただき、 ECMAScript
Progress Report 3
Progress report 3 These descriptions by Daddy, AKA Allen S. Rout These "exer-saucers" are fantastic, and don't allow your progeny to wander their wheeled way down the stairs. (bump? BUMP. BUMP!) We're really blessed. Stephen is an amazingly happy baby. He's strong enough now to visit with us just sitting there on the floor. Here, with Unca Steve. We're subjecting him to the usual round of "my gosh
JavaScriptのクラスもどきで、getter/setter を使う - 檜山正幸のキマイラ飼育記 (はてなBlog)
JavaScriptでクラスもどきを定義するとき、次のような書き方があります。 // パッケージ var shape = {}; // コンストラクタ shape.Point = function (x, y) { this.x = x; this.y = y; }; // クラス変数やメソッド shape.Point.prototype = { moveTo : function (toX, toY) { this.x = toX; this.y = toY; }, // 以下略 }; 僕はこのスタイルを使っていませんでした（代わりに大域変数を1つゴミにしている例は「JavaScriptで言語処理系の勉強をしましょう：字句解析編」）。特にこれといった理由はなくて、「インデントどうしたらいいかわかんない」とか、その程度の事情です。 しかし、プロパティのgetter/setterを使うときは
javascriptでthisと戯れる — ありえるえりあ
Recent entries Re: Adaで超いい加減HTTPサーバ iwanaga 2010-01-10 javascriptでthisと戯れる iwanaga 2009-11-13 第一回五反田Emacs勉強会のUstream配信 iwanaga 2009-09-29 わかった気になる気になるandroid iwanaga 2009-07-04 Rhinoを組み込む為のイントロダクション iwanaga 2009-02-02 最近のありえるはGoやったり、Closureやったりかっこ良いですね。 このあたりは社内の自称二十代の勉強会で教えて貰えることを期待しつつ、 新人さん向けに開催したjavascript勉強会の小ネタとして、 javascriptのthisについての話をしたのでその内容を載せてみます。 javascriptが本業の方などからしてみれば自明な内容かもしれませんが、
JavaScriptのthisキーワードをちゃんと理解する - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ 前回までの記事で、JavaScriptでオブジェクト指向を行うにあたって必要な知識を一通り網羅しました。その中で、オブジェクトに属する関数＝メソッドについても触れました。 今回は、オブジェクトやメソッドと深い関わりのあるキーワード、「this」について解説したいと思います。 thisキーワードについてきっちり理解する 「thisキーワードについてお話しする」と言いましたが、実はthisキーワードは連載中で既に触れています。連載第９回で、このように述べています。 「（thisキーワードは）実行中のコードが「自分自身」を表すオブジェクトにアクセスするためのキーワードです。」 「実行中のコード」とされているのは、関数（メソッド）などの実行可能なコードということです。つまり、thisキーワードはメソッドをメンバに含むオブジェクトを指す、と言って良いでしょう。 例
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
