代碼規(guī)范建議

  1. 變量名采用下劃線并且盡可能用英文描述清楚意圖例如 projectid可以寫作project_id

  2. 方法名盡量采用駝峰法 例如 getProjectDetial

  3. 如果多處使用同一判斷表達(dá)式應(yīng)盡量采取定義變量保存表達(dá)式結(jié)果的方式,這樣一是減少代碼量,更重要的是方便后期維護(hù) !!注意定義出來(lái)的這個(gè)變量一定要寫清楚注釋

  4. 盡量采用 ===來(lái)代替 ==

  5. 盡量多用ES6語(yǔ)法 例如:對(duì)于ajax請(qǐng)求返回的結(jié)果可以采用解構(gòu)賦值,字符串拼接可以采用模板字符串等等 可以看看這個(gè)https://blog.csdn.net/RUCwang/article/details/83002819

  6. async...await代替generator函數(shù)或者多層Promise函數(shù),因?yàn)檫@樣簡(jiǎn)單但是原理是一樣的

  7. 對(duì)于判斷一個(gè)數(shù)組或者字符串是否包含一個(gè)值的情況用includes方法會(huì)好一些

  8. 注意Object.assgin()的使用

  9. 注意參數(shù)可以簡(jiǎn)寫比如:

    function getProjectDetail(url,project_id){
      //let params = {
        //project_id:project_id
      //} 
      //這里可以看到后臺(tái)需要的參數(shù)是project_id,讓我們定義的形參也是project_id所以這里可以簡(jiǎn)寫成下面
      //let params = {
        //project_id
      //}
      //對(duì)于參數(shù)較少的情況可以直接定義成下面的這種 {project_id}
      axios.get(url,{project_id}).then(res=>{
        ...
        ... 
      })
    }
    
  10. if...else的優(yōu)化

//情況一:
let a = 1,
    b=2,
    c;
if(a=== b){
  c = true;
}else{
  c === false
}
//類似這種的可以直接寫 c = a===b
c=a===b


//情況二:
let a = []
if(a.length>0){
  doSthing()
} 
//這種注意兩點(diǎn):
//1.判斷條件a.length>0可以直接寫成a.length即:
 if(a.length){
   doSthing()
 } 
//2.利用運(yùn)算&&巧妙簡(jiǎn)化,綜合1的情況可以直接寫為:
 a.length&&doSthing()


//情況3對(duì)于下面這種情況:
//如果是0,就是喬丹
//如果是1,就是科比
//如果是2,就是韋德
//如果是3,就是麥迪
//有2種處理方式
//1:
//數(shù)組映射
let nameArr= ['喬丹','科比','韋德','麥迪']
name = nameArr[index]
//2:
//JSON優(yōu)化
let nameObj = {
  '0':'喬丹',
  '1':'科比',
  '2':'韋德',
  '3':'麥迪',
}
name = nameObj[key]

??!注意 這里不是很推薦switch -case這種方式,不是因?yàn)檫@種方式不好,但就代碼量來(lái)說(shuō),和用if判斷沒有什么差別,還是要寫很多判斷,不夠簡(jiǎn)潔。

(如果你喜歡這篇文章,就我一個(gè)轉(zhuǎn)、評(píng)、贊吧,不足之處還希望諸位大神批評(píng)、指正)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 官網(wǎng) 中文版本 好的網(wǎng)站 Content-type: text/htmlBASH Section: User ...
    不排版閱讀 4,715評(píng)論 0 5
  • 目的 團(tuán)隊(duì)項(xiàng)目不是一個(gè)人在寫代碼,自己寫代碼爽了,也要讓別人看著清晰 減少bug處理,方便bug查找解決,提高開發(fā)...
    alanwhy閱讀 707評(píng)論 0 6
  • 概要 64學(xué)時(shí) 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,851評(píng)論 0 3
  • 【自跨界太極公眾號(hào)】學(xué)術(shù) | 白舒榮:熱血男兒——北奧和他的文學(xué)創(chuàng)作 跨界太極 華人號(hào) 18-12-11 11:0...
    閑云_fe37閱讀 388評(píng)論 0 2
  • 2020.01.16 晚 22:04 問題 我們從下面2個(gè)問題去對(duì)狀態(tài)模式進(jìn)行探討 狀態(tài)模式有什么用? 如何實(shí)現(xiàn)狀...
    舊時(shí)袋閱讀 210評(píng)論 0 0

友情鏈接更多精彩內(nèi)容