財產沒有在運行時設置在JavaScript類

Question

這是我第一次嘗試使用JavaScript創建一個具有函數和屬性的類，但我無法理解爲什麼在我的代碼中ShowValue函數返回默認值而不是在通話之前設置的那個。

<script type="text/javascript"> 
    var $mylocalclass; 

    $(document).ready(function() { 
     $mylocalclass = myclass; 
     $mylocalclass.mypropname = "the_name_i_want_here"; 
    }); 

    var myclass = (function() { 
     var mypropname = "unspecified_name"; 

     var ShowValue = function() { 
      alert(mypropname); 
     }; 

     return { 
      ShowValue: ShowValue, 
      properties:{ 
       mypropname: mypropname 
      } 
     } 
    })(); 
</script> 

<button type="button" onclick="$mylocalclass.ShowValue();">Try Me!</button> 

我想要做的是使用不同的頁面同一類，但使用它的不同取決於本地屬性的名稱，這在我的情況下，爲本地存儲對象的關鍵。當然，如果我無法從頁面設置屬性，這將無法正常工作。

Answer 1

您正在訪問函數中的私有變量mypropname。要訪問您設置的變量，請使用this。

此外，你有3個變量mypropname，其中2個未使用。該

var mypropname = "unspecified_name"; 

很簡單，就是你正在使用的ShowValue回調，並在properties變量的變量集不參照其他地方的私人變量。

最後，這不是對象（或類）的實例，而是對象本身。

var $mylocalclass; 
 

 
    $(document).ready(function() { 
 
     $mylocalclass = myclass; 
 
     $mylocalclass.properties.mypropname = "the_name_i_want_here"; 
 
    }); 
 

 
    var myclass = (function() { 
 
     var mypropname = "unspecified_name"; 
 

 
     var ShowValue = function() { 
 
      alert(this.properties.mypropname); 
 
     }; 
 

 
     return { 
 
      ShowValue: ShowValue, 
 
      properties:{ 
 
       mypropname: mypropname 
 
      } 
 
     } 
 
    })();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<button type="button" onclick="$mylocalclass.ShowValue();">Try Me!</button>