タグ: javascript

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

javascriptの正規表現まわりのメソッドを整理してみました

Regexp

• test -> マッチしたら true or false を返す
• exec -> マッチした結果が返る

String

• search -> マッチしたらマッチしたインデックスを返す
• match -> マッチした結果が返る

実行した結果がこちら

var re = /am/;
var str = 'sample string';

console.log( re.test(str) );
// true
console.log( re.exec(str) );
// ["am", index: 1, input: "sample string"]

console.log( str.search(re) );
// 1
console.log( str.match(re) );
// ["am", index: 1, input: "sample string"]

パターンマッチ演算子のgをつけてみます（globalのg）
g をつけると繰り返しマッチさせます

var re = /am/g;
var str = 'sample string sample';

console.log( re.test(str) );
// true
console.log( re.exec(str) );
// ["am", index: 15, input: "sample string sample"]

console.log( str.search(re) );
// 1
console.log( str.match(re) );
// ["am", "am"]

re.exec の index が最後のマッチの index が返ってきて、
str.matchがマッチした分が配列で返ってきています

JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス

posted with ヨメレバ

Douglas Crockford オライリージャパン 2008-12-22

Amazon

Kindle

楽天ブックス

7net