javascript - Javascript の未定義のクラス変数

Question

これは私のコードです -

function searchString(usrLogin) {

  var setUsrLogin = function (usrLogin) {
    this.usrLogin = (usrLogin == "") ? "*" : usrLogin;
  }


  this.toString = function(){
    return 'source="dbmon-dump://Source/ID" ' + 'USR_LOGIN="' + this.usrLogin + '" ';
  }

  setUsrLogin(usrLogin);
}

$(function() {
  var a = new searchString("");
  $('#searchBar').val(a.toString());
});

a.toString()source="dbmon-dump://Source/ID" USR_LOGIN="undefined"が出力this.usrLoginされるのは、未定義として表示されるためです。私は何を間違っていますか？

score 6 · Accepted Answer

を呼び出すとsetUsrLogin(usrLogin);、thisコンテキストが失われます。実際、プロパティthisを割り当てる対象はグローバルオブジェクトです。usrLogin

これを修正するには、

その関数呼び出しを削除して直接設定するだけです：

function searchString(usrLogin) {
    this.usrLogin = (usrLogin == "") ? "*" : usrLogin;
    this.toString = function(){
        return 'source="dbmon-dump://Source/ID" ' + 'USR_LOGIN="' + this.usrLogin + '" ';
    }
}

またはインスタンスをパラメーターとして渡します。また

function setUsrLogin(usrLogin) {
    this.usrLogin = (usrLogin == "") ? "*" : usrLogin;
}
// and then
setUsrLogin.call(this, usrLogin);

また

function setUsrLogin(search, usrLogin) {
    search.usrLogin = (usrLogin == "") ? "*" : usrLogin;
}
// and then
setUsrLogin(this, usrLogin);

ところで、toString関数をprototypeオブジェクトに移動することもできます:

function SearchString(usrLogin) {
   this.usrLogin = (usrLogin == "") ? "*" : usrLogin;
}
SearchString.prototype.toString = function() {
    return 'source="dbmon-dump://Source/ID" ' + 'USR_LOGIN="' + this.usrLogin + '" ';
};
var a = new SearchString("");

score 0 · Accepted Answer

function searchString(usrLogin) {
    this.usrLogin = (usrLogin == "") ? "*" : usrLogin;
    this.toString = function(){
    return 'source="dbmon-dump://Source/ID" ' + 'USR_LOGIN="' + this.usrLogin + '" ';
      };
}


  var a = new searchString("abc");
  alert(a.toString());

これにより、ユーザー名で文字列が警告されます。これが役立つか、探しているものではないかをお知らせください。 http://jsfiddle.net/rBe6x/

score 0 · Accepted Answer

Bergiの答えはそれをほとんどカバーしています。

それを達成する別の方法を追加する - 変数を使用してこのコンテキストを保存する

function searchString(usrLogin) {
  //save the context
  var that = this;
  var setUsrLogin = function (usrLogin) {
     //use that in the internal functions/methods
     that.usrLogin = (usrLogin == "") ? "*" : usrLogin;
  }


  this.toString = function(){
      //use that in the internal functions/methods [Not required in this case though]
      return 'source="dbmon-dump://Source/ID" ' + 'USR_LOGIN="' + that.usrLogin + '" ';
  }

  setUsrLogin(usrLogin);
}

score 0 · Accepted Answer

問題は、setUsrLogin関数内でインスタンスthisを参照していないことです。searchString

あなたができることは、searchString関数への参照を保存し（これは間違いなくクラスではありません）、それを使用してプロパティにアクセスすることです。また、関数を関数のように変更することもできますsetUsrLogin。これにより、を使用して関数toStringに正しくアクセスできるようになります。searchStringthis

これは機能する 1 つのアプローチです。

function searchString(usrLogin) {
    var self = this;

    this.setUsrLogin = function (usrLogin) {
        self.usrLogin = (usrLogin == "") ? "*" : usrLogin;
    }

    this.toString = function () {
        return 'source="dbmon-dump://Source/ID" ' + 'USR_LOGIN="' + self.usrLogin + '" ';
    }

    self.setUsrLogin(usrLogin);
}

これが実際の例です

score 0 · Accepted Answer

ベルギの答えに同意します。

別の「より簡単な」ソリューションを次に示します。

    関数 searchString(usrLogin) {

      this.setUsrLogin = 関数 (usrLogin) {
         this.usrLogin = (usrLogin == "") ? "*" : usrLogin;
      }

      this.toString = function(){
          return 'source="dbmon-dump://Source/ID" ' + 'USR_LOGIN="' + this.usrLogin + '" ';
      }

      this.setUsrLogin(usrLogin);
    }

javascript - Javascript の未定義のクラス変数

5 に答える 5

Related

Reference