javascriptをOOPっぽく書いてみたのですが、プロパティにアクセスできないケースが２ケースありました。

Question

spacewarp

12

9もっと見る

200pt

ウェブ制作

javascriptをOOPっぽく書いてみたのですが、プロパティにアクセスできないケースが２ケースありました。

書き方が悪いのだと思いますが、こういう場合の対処法を教えてください。

var PrefArea = function() {

　　this.pref_list = $("#pref_list");
　　this.select_pref_id = '';

　　this.hoge = function() {

　　　　this.pref_list.find("input").each(function(){
　　　　　　// (略)
　　　　　　this.select_pref_id = this.id; ← プロパティselect_pref_idにアクセスできない（１）
　　　　});

　　}

　　this.fuga = funciton (data) {
　　　　// (略)
　　　　this.pref_list.append(pref); ← プロパティpref_listにアクセスできない（２）
　　}

}

pref_area = new PrefArea();

$.ajax({
　　type:'get',
　　url:url,
　　success: function(data) {
　　　　pref_area.fuga(data);
　　}
});

（１）はeachループの中だとアクセスできないというのが原因と考えています
（２）はajaxでコールバック関数っぽく呼んでるのが原因と考えています。

よろしくお願いします。

回答の条件

1人1回まで

登録：2015/06/15 15:49:40
終了：2015/06/16 10:20:32

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

a-kuma3 · Accepted Answer · 2015-06-15T16:32:39+09:00

each の関数の中では、this はイテレートされているオブジェクトを指しています。
二番目のは、質問に書かれている範囲だと this で自身にアクセスできているような気もしますが、こんな感じでしょうか。

var PrefArea = function() {
    ...

    var self = this;    // おまじない

    this.hoge = function() {
        self.pref_list.find("input").each(function(){
            // (略)
            self.select_pref_id = this.id;  // self を通じて自身にアクセスする
        });
    };


    this.fuga = function (data) {
        // (略)
        self.pref_list.append(pref);    // self を通じて自身にアクセスする
    };
};

javascriptをOOPっぽく書いてみたのですが、プロパティにアクセスできないケースが２ケースありました。

ベストアンサー

a-kuma3497321542015/06/15 16:32:39

コメント（0件)

この質問への反応（ブックマークコメント）