カテゴリー: 未分類

javascriptでnewをつけて呼び出すことを前提にした関数をコンストラクタと呼ぶようです

こんなので、最初を大文字にするのが慣例らしいです

var Sample = function (v) {
  this.value = v;
}

var mySample = new Sample(100);
console.log(mySample.value); // 100

newされると新しいオブジェクトが生成される
newされたオブジェクトは、もとのprototypeリンクをもつので

var Sample = function (v) {
  this.value = v;
}
Sample.prototype.get_value = function() {
    return this.value;
};
var mySample = new Sample(100);
console.log(mySample.get_value()); // 100

としてあげるとnewされたオブジェクトがget_value関数を使えるようになる

newをしないで同じことをするには

var sample = function(v) {
    return {
        get_value: function() {
            return v;
        }
    };
}

var mySample = sample(100)
console.log(mySample.get_value()); // 100

this.valueをなくせるので、値を変えられる心配がなくなり、いいと思います

JavaScriptリファレンス 第6版

posted with ヨメレバ

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

Amazon

Kindle

楽天ブックス

7net

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