建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
編寫(xiě)軟件很難。 只有少數(shù)方法可以做到正確，有很多方法可以做到錯(cuò)誤，使我們的生活更加艱難。
成都創(chuàng)新互聯(lián)網(wǎng)絡(luò)公司擁有10多年的成都網(wǎng)站開(kāi)發(fā)建設(shè)經(jīng)驗(yàn)，上1000+客戶(hù)的共同信賴(lài)。提供成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)、網(wǎng)站定制、買(mǎi)友情鏈接、建網(wǎng)站、網(wǎng)站搭建、響應(yīng)式網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)師打造企業(yè)風(fēng)格，提供周到的售前咨詢(xún)和貼心的售后服務(wù)
在本文中，我們將通過(guò)一些代碼氣味來(lái)探討編寫(xiě)不良代碼的一些方法。
具有不同接口的替代類(lèi)
由于重復(fù)，兩個(gè)功能相同但接口不同的類(lèi)并不好。
我們不想那樣。 因此，我們可能要使用共享代碼創(chuàng)建一個(gè)超類(lèi)，然后使子類(lèi)具有不同的方法。
庫(kù)類(lèi)不完整
重用并沒(méi)有被高估。
圖書(shū)館建設(shè)者的工作艱巨。 他們可能會(huì)開(kāi)設(shè)不完整的課程，但不允許我們修改它們以完成我們希望他們做的事情。
因此，這使庫(kù)類(lèi)對(duì)我們毫無(wú)用處，除非我們可以添加所需的功能。
我們可能必須直接向這些類(lèi)添加新方法來(lái)解決此問(wèn)題。
例如，如果我們導(dǎo)入了一個(gè)類(lèi)，則可以通過(guò)編寫(xiě)以下代碼來(lái)添加自己的方法：
- const mixin = {
- foo() {
- //...
- },
- bar() {
- //...
- }
- }
- Object.assign(Foo.prototype, mixin);
在上面的代碼中，我們將Foo類(lèi)的原型中的代碼與mixin對(duì)象中的方法合并，以使用Object.assign方法將更多方法合并到該類(lèi)中。
數(shù)據(jù)類(lèi)型
數(shù)據(jù)類(lèi)是僅具有字段的類(lèi)。
這些類(lèi)可能被其他類(lèi)過(guò)多地操作。
因此，如果所有公開(kāi)領(lǐng)域都公開(kāi)了，我們應(yīng)該封裝它們。
如果需要，我們還可以封裝收集字段。
為了封裝它們，我們可以將字段設(shè)為私有，并添加訪問(wèn)和設(shè)置它們的方法。
拒絕繼承
子類(lèi)繼承父類(lèi)可以訪問(wèn)它們的方法。
如果我們不需要父類(lèi)中的這些類(lèi)，則可以將它們下推到子類(lèi)中。
然后，并不是所有的子類(lèi)都將從父類(lèi)繼承方法，而它們?nèi)匀豢梢粤粼谛枰鼈兊淖宇?lèi)中。
注釋
評(píng)論對(duì)某些事情很有用。 我們可以評(píng)論為什么要執(zhí)行某項(xiàng)操作，但是由于我們已經(jīng)在代碼中進(jìn)行了操作，因此無(wú)需在評(píng)論中說(shuō)明我們?nèi)绾螆?zhí)行操作。
還注釋代碼是不好的。 首先，我們應(yīng)該把它們帶走，因?yàn)樗鼈儧](méi)有運(yùn)行。
不屬于自己的條件
我們應(yīng)該將條件語(yǔ)句分成自己的一行，以便我們可以更輕松地閱讀它們。
所以不用寫(xiě)：
- if (foo) {
- //...
- } if (bar) {
- //...
- }
我們寫(xiě)：
- if (foo) {
- //...
- }
- if (bar) {
- //...
- }
注釋可選參數(shù)
可選參數(shù)在JavaScript中應(yīng)具有默認(rèn)值。 例如，我們可以編寫(xiě)以下代碼來(lái)指示參數(shù)是可選的：
- const foo = (a = 1) => {
- //...
- }
> Photo by Samantha Gades on Unsplash
當(dāng)心"死存儲(chǔ)"
死存儲(chǔ)是指我們?yōu)樽兞糠峙渲?，但不使用原始值就重新分配了值?/p>
因此，我們實(shí)際上并不需要原始值，因此可以刪除該行。
所以不用寫(xiě)：
- let x = 1;
- x = 8 * 10;
我們寫(xiě)：
- let x = 8 * 10;
不要反轉(zhuǎn)我們的布爾值
雙否定總是比直接條件表達(dá)式更難讀。
因此，我們應(yīng)該以更直接的方式編寫(xiě)是可能的。 例如，而不是寫(xiě)：
- if (!(x > 10)) {
- //...
- }
我們寫(xiě)：
- if (x <= 10) {
- //...
- }
如我們所見(jiàn)，第二條if語(yǔ)句比第一條if語(yǔ)句更易于閱讀，并且更短。 他們都是一樣的。
使用模板字符串
模板字符串是最好的JavaScript字符串。 我們可以在其中插入表達(dá)式，而其他任何類(lèi)型的字符串都無(wú)法做到。
另外，我們可以通過(guò)在字符串中輸入換行符來(lái)創(chuàng)建多行字符串。
由于反引號(hào)用作模板字符串的定界符，因此可以在字符串內(nèi)部使用引號(hào)而不轉(zhuǎn)義它們。
結(jié)論
模板字符串很棒。 它們使我們可以做更多舊式弦弦無(wú)法完成的事情。
要向不完整的庫(kù)類(lèi)添加更多方法，我們可以使用Object.assign向它們添加自己的方法。
另外，我們需要封裝數(shù)據(jù)類(lèi)，以使您的代碼不會(huì)與數(shù)據(jù)類(lèi)緊密耦合。
標(biāo)題名稱(chēng)：JavaScript代碼中的壞味道
文章出自：http://www.5511xx.com/article/dhoiise.html
