Javascript類的全局變量值丟失

Question

我得到了一個帶有全局變量和方法的JavaScript類，並且一個specefic方法使得一些引用。

DOOM = (function() { 
/** Class VALIDATIONS **/ 
var validation = function (form, inputDiv, action) { 
    this.form = form; 
    this.inputDiv = inputDiv; // -- This Variable 
    this.action = action; // -- And This Variable 
}; 
validation.prototype = { 
    validate: function (rules, messages) { 
     this.rules = rules; 
     this.messages = messages; 

     console.log(inputDiv); // -- here still have value 
     console.log(inputDiv); 

     $(this.form).validate({ 
      rules: this.rules, 
      messages: this.messages, 
      submitHandler: function(form){ 

       var getDom = new DOOM.DOM(); 
       var data = getDom.buildJSONValuesByJSON(getDom.buildJSONObjByForm(inputDiv)); // -- But here, already haven't value 

       var sendData = new DOOM.callAJAX(action); 
       sendData.start(data); 

       console.log('[submitHandler] = '+ data); 
       return false; 
      }, 

作爲解決方法，我必須在全局變量仍有價值的地方分配值。但我的問題是，爲什麼這些變量失去了他的價值？

Answer 1

函數的參數列表中指定的變量始終是局部變量，而不是全局變量。所以在validation()構造函數中，inputDiv是一個局部變量。如果您在validation.prototype.validate()中執行console.log(inputDiv)時發現了某些內容，它必須來自您發佈的代碼之外聲明的其他變量。

要訪問提供給方法中構造函數的inputDiv，您需要使用this.inputDiv。

validation.prototype = { 
    validate: function (rules, messages) { 
     this.rules = rules; 
     this.messages = messages; 

     var inputDiv = this.inputDiv; 

     console.log(inputDiv); 

     $(this.form).validate({ 
      rules: this.rules, 
      messages: this.messages, 
      submitHandler: function(form){ 

       var getDom = new DOOM.DOM(); 
       var data = getDom.buildJSONValuesByJSON(getDom.buildJSONObjByForm(inputDiv)); 

       var sendData = new DOOM.callAJAX(action); 
       sendData.start(data); 

       console.log('[submitHandler] = '+ data); 
       return false; 
      },