你的日常工作中應(yīng)該使用哪種編碼風(fēng)格？讓我們討論一下你應(yīng)該選擇哪個(gè)以及為什么。

在日常工作中，你應(yīng)該努力實(shí)現(xiàn)什么樣的編碼方式？

這是一個(gè)在編程中不常被問(wèn)到的問(wèn)題，但這是一個(gè)重要的問(wèn)題。

首先讓我們來(lái)談?wù)勀阍谡麄€(gè)編程生涯中想要避免的一種編碼風(fēng)格，無(wú)論你只是為自己或?yàn)樗司帉?xiě)代碼。

什么是命令式和聲明式代碼？

我們可以把我們寫(xiě)代碼的方式歸為傾向于兩種風(fēng)格中的一種。

要說(shuō)明的是，一個(gè)人的代碼從來(lái)不會(huì)嚴(yán)格地歸為一類(lèi)或另一類(lèi)，但它是一種有用的方式，指的是我們的代碼方式，根據(jù)誰(shuí)或什么最適合。

編寫(xiě)的代碼有兩種，稱(chēng)為命令式代碼或聲明式代碼。這些聽(tīng)起來(lái)很復(fù)雜的詞代表了非常簡(jiǎn)單的概念：命令式代碼是指我們編寫(xiě)的代碼更適合計(jì)算機(jī)，而聲明式代碼是指對(duì)人更容易讀懂的代碼。

更具體地說(shuō)，命令式代碼是指我們告訴JavaScript（或任何你正在編碼的語(yǔ)言）要做什么以及如何做。

命令式代碼以及為什么應(yīng)避免使用它

命令式編碼是你應(yīng)該避免的一種樣式。

假設(shè)我們有很多人想寫(xiě)一個(gè)生日派對(duì)的邀請(qǐng)。先創(chuàng)建我們的人員列表。

接下來(lái)，我們也要保存每個(gè)書(shū)面邀請(qǐng)，因此我們?yōu)橐胖玫难?qǐng)函（invitations）創(chuàng)建一個(gè)邀請(qǐng)數(shù)組。

你可能已經(jīng)猜到了，我們需要遍歷此數(shù)組以實(shí)現(xiàn)我們的目標(biāo)。首先，我們將按照J(rèn)avaScript生命周期中大部分時(shí)間都需要使用的方式：使用for循環(huán)。如下：

根據(jù)我提到的步驟，我們要對(duì)一個(gè)數(shù)組進(jìn)行循環(huán)（迭代），得到每一個(gè)元素，一個(gè)人的名字，我們將其添加到一個(gè)消息（上面的字符串）中，然后將其添加到一個(gè)新的數(shù)組中。

但是代碼講的是同樣的故事嗎？

如果我們要讀這段代碼，我們是將一個(gè)變量 i 設(shè)置為0，檢查它是否小于數(shù)組的當(dāng)前長(zhǎng)度，在 i 上加1，將數(shù)組的第 i 個(gè)值賦值為一個(gè)字符串，并將其放在新數(shù)組的相同索引中。

這些都是必須的，我們告訴JavaScript做什么和怎么做。所有這些代碼都是正確的。

如果我們運(yùn)行它，我們將收到所有消息，就像我們想要的一樣。

然而，你對(duì)這段代碼的第一直覺(jué)（就像我們?cè)S多人第一次看到for循環(huán)一樣）可能是它看起來(lái)不太對(duì)。

盡管如此，它無(wú)疑是該語(yǔ)言生命周期中最流行的遍歷數(shù)組的方式。然而，閱讀和記憶是必要的和具有挑戰(zhàn)性的。

聲明式代碼以及為什么要以聲明式風(fēng)格編寫(xiě)

如果我們以聲明性的方式編寫(xiě)它，那會(huì)是什么樣？

聲明式代碼則不同。正如名稱(chēng)所示，我們用它來(lái)聲明我們想要完成的內(nèi)容，JavaScript會(huì)完成它——就這么簡(jiǎn)單。

換句話(huà)說(shuō)，它對(duì)我們?nèi)祟?lèi)是可讀的，而不僅僅是對(duì)計(jì)算機(jī)。事實(shí)上，它對(duì)其他開(kāi)發(fā)者的可讀性正是我們?cè)噲D用更多的聲明式寫(xiě)作所追求的。

讓我們用一種你可能一開(kāi)始就想使用的風(fēng)格重寫(xiě)我們的代碼，如果你熟悉很多JavaScript有用的數(shù)組方法的話(huà)。

這是為一系列人員創(chuàng)建一系列邀請(qǐng)的一種（多種）聲明式方法。

const invitations = people.map（（person） =》 `Hi ${person}， come to my party！`）;

這一切都在一條線(xiàn)上，但同時(shí)也更容易理解。它更加簡(jiǎn)潔，易于書(shū)寫(xiě)（和記憶），同時(shí)又非常清晰。

這就是追求聲明式代碼風(fēng)格所能提供的。

與第一個(gè)例子不同的是，我們不需要?jiǎng)?chuàng)建任何混亂的變量（如 i），也不需要告訴JavaScript如何通過(guò)數(shù)組。我們只需對(duì)數(shù)組進(jìn)行映射（或迭代），將每個(gè)人的名字添加到我們的邀請(qǐng)函中，然后返回給我們。

最后

那么我們想用哪種方式編寫(xiě)代碼？

讓我們回顧一下我們的示例：特別是當(dāng)我們第一次查看這段代碼時(shí)，什么更容易理解？什么更令人難忘？

隨著時(shí)間的推移，我們都不得不回顧如何編寫(xiě)for循環(huán)，因?yàn)檫@是必要的。為了我們和其他人，聲明式風(fēng)格是我們想要追求的。這看似一個(gè)令人困惑的概念，但是我們之所以要區(qū)分，是因?yàn)橐粋€(gè)重要原因：我們編寫(xiě)代碼的方式應(yīng)該是為閱讀和使用代碼的人量身定做的，而不是計(jì)算機(jī)。

仔細(xì)檢查和重讀你的代碼，以確保其可讀性和理解性，就像你寫(xiě)一篇文章一樣，你希望每個(gè)人都能理解你的代碼，甚至是非程序員，并努力使你的代碼更具聲明式的做法。

它不僅能幫助周?chē)娜?，還能幫助你自己，尤其是當(dāng)你在多年后重新審視代碼時(shí)，你早已忘記了它的作用。
責(zé)編AJX