如何更優(yōu)雅的寫(xiě)好Javascript?
今天翻了翻一年多前寫(xiě)的代碼,感覺(jué)當(dāng)年年輕的自己寫(xiě)下的代碼真是圖樣啊(然而現(xiàn)在也沒(méi)好到哪里去)。近期看了好多函數(shù)式編程以及設(shè)計(jì)模式的書(shū)和文章,于是想分享一些讓JS代碼更優(yōu)雅的小技巧。
1.善用函數(shù)式編程
2.lodash里一些很好用的東西(lodash是一個(gè)著名的JS工具庫(kù),里面存在眾多函數(shù)式的方法和接口,在項(xiàng)目中引入可以簡(jiǎn)化很多冗余的邏輯。)
input怎么設(shè)置輸入框在文本框里?
1,打開(kāi)文本編輯器或記事本程序,輸入lthtmlgtltbodygt以及l(fā)theadgt標(biāo)簽。
lthtmlgt
ltheadgtlt/headgt
ltbodygtlt/bodygt
lt/htmlgt
2,在ltheadgt頭標(biāo)簽后輸入ltscriptgt標(biāo)簽
ltscripttype#34text/javascript#34gt
lt/scriptgt
3,在ltscriptgt標(biāo)簽中定義一個(gè)函數(shù)duihua()來(lái)使網(wǎng)頁(yè)彈出對(duì)話框。
functionduihua()
{
alert(#34這個(gè)窗口是對(duì)話框!#34)
}
4,然后,再定義一個(gè)函數(shù)命名為queren(),用來(lái)彈出確認(rèn)框。
functionqueren()
{
varseconfirm(#34請(qǐng)選擇點(diǎn)擊一個(gè)按鈕!#34)
if(setrue)
{
alert(#34你按下的是【確認(rèn)】#34)
}
else
{
alert(#34你按下的是【取消】#34)
}
}
5,繼續(xù)定義另一個(gè)函數(shù)tishi(),用來(lái)在網(wǎng)頁(yè)中彈出提示框。
functiontishi()
{
vartprompt(#34請(qǐng)輸入您的名字#34,#34KING視界#34)
if(t!nullampampt!#34#34)
{
document.write(#34精彩MV就在,#34t#34!屬于你的世界#34)
}
}
6,函數(shù)定義好以后,點(diǎn)擊ltbodygt標(biāo)簽后,建立3個(gè)按鈕分別用來(lái)調(diào)用這3個(gè)函數(shù)執(zhí)行。
ltinputtype#34button#34onclick#34duihua()#34value#34點(diǎn)擊顯示對(duì)話框#34/gt
ltinputtype#34button#34onclick#34queren()#34value#34點(diǎn)擊顯示確認(rèn)框#34/gt
ltinputtype#34bu按鈕onclick#34tishi()#34value#34單擊顯示提示框#34/gt。
7.為了在一列中顯示按鈕,請(qǐng)?jiān)趌tinputgt標(biāo)記后添加ltbrgtltbrgt的換行符。最后將代碼內(nèi)容保存為html格式,打開(kāi)網(wǎng)頁(yè)預(yù)覽效果。
