カテゴリー: 未分類

javascriptでは、関数の中でオブジェクトのプロパティに格納されているものをメソッドと呼ぶようです
this にセットされるものが変わるのをおさらい

例としてはこんなの

var obj = {
    value: 1,
    doubleup: function() {
        this.value += this.value;
    },
    tripleup : function() {
        var that = this;
        var helper = function() {
            // this -> globalオブジェクトがセットされる
            that.value = that.value * 3;
        };
        helper();
    }
};

doubleup、tripleup がメソッドです

メソッド内ではthisにそのオブジェクトがセットされます
doubleupでは、objのvalueを２倍してます

tripleupのなかでは、thisが使えますが、その中の関数内では
this が グローバルオブジェクト になってしまいます（いけてない）

そのため、いったん var that = this; としておいてあげれば、valueをセットできます

実行するとこんな感じ

obj.doubleup();
console.log(obj.value); // 2

obj.tripleup();
console.log(obj.value); // 6

thisの動きがすこしスッキリしました

JavaScriptリファレンス 第6版

posted with ヨメレバ

David Flanagan オライリージャパン 2012-08-10

Amazon

Kindle

phpのforeachみたいなことをjavascriptで、と思ったのでチェック

オブジェクトをつくってfor inループでキーと値を取ります

var obj = {a: 1, b: 2};
for (var i in obj) {
  alert(i);  // => a, b
  alert(obj[i]);  // => 1, 2
}

JavaScriptクックブック

posted with ヨメレバ

Shelley Powers オライリージャパン 2011-04-23

Amazon

Kindle

楽天ブックス

7net