コンストラクション関数モードを使用して九九乗算表を書く
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>