コンストラクション関数モードを使用して九九乗算表を書く

2450 ワード

最近は自分の書くコードのデザインパターンを徐々に変換しようとしていますが、それまでは一つ一つの関数を定義していたので、散らかっていました.
 
 
コード:

    <span style="color: #0000ff;">function</span><span style="color: #000000;"> Nine(one_ele,two_ele){
       </span><span style="color: #0000ff;">this</span>.one=<span style="color: #000000;">one_ele;
        </span><span style="color: #0000ff;">this</span>.two=<span style="color: #000000;">two_ele;
      }
     Nine.prototype.times</span>=<span style="color: #0000ff;">function</span><span style="color: #000000;">(){
     </span><span style="color: #0000ff;">var</span> html="<table border=1>"<span style="color: #000000;">;
       </span><span style="color: #0000ff;">for</span>(<span style="color: #0000ff;">var</span> i=1;i<=<span style="color: #0000ff;">this</span>.one;i++<span style="color: #000000;">){
         html</span>+="<tr>"
           <span style="color: #0000ff;">for</span>(<span style="color: #0000ff;">var</span> j=1;j<=i;j++<span style="color: #000000;">){
               html</span>+='<td>'+i+'×'+j+'='+(i*j)+  '</td>'<span style="color: #000000;">;
             }
             html</span>+='</tr>'<span style="color: #000000;">;
         }
           html</span>+="</table>"
                <span style="color: #008000;">//</span><span style="color: #008000;"> console.log(html)</span>
            <span style="color: #0000ff;">var</span> p=document.createElement('p'<span style="color: #000000;">)    
            document.getElementsByTagName(</span>'body')[0<span style="color: #000000;">].appendChild(p)
            p.innerHTML</span>=<span style="color: #000000;">html
        }
      </span><span style="color: #0000ff;">var</span> nine1=<span style="color: #0000ff;">new</span> Nine(9,9<span style="color: #000000;">);
       nine1.times();
       </span><span style="color: #0000ff;">var</span> nine2=<span style="color: #0000ff;">new</span> Nine(8,8<span style="color: #000000;">);
       nine2.times();    
 </span>