代碼規(guī)范

團(tuán)隊(duì)開(kāi)發(fā)中,遵循一定的代碼規(guī)范,有利于提升團(tuán)隊(duì)開(kāi)發(fā)效率和方便后期維護(hù)。常見(jiàn)的代碼規(guī)范 例如 airbnb規(guī)范等等。下邊是一些開(kāi)發(fā)我開(kāi)發(fā)中盡量遵守的規(guī)范。

  • 變量的聲明,盡量用 letconst,而不是使用var
  • 當(dāng)我們聲明一個(gè)對(duì)象的時(shí)候,盡量用對(duì)象字面量的方式來(lái)聲明;
const obj = {}
const arr = []
  • 當(dāng)我們定義對(duì)象里的方法的時(shí)候,盡量使用簡(jiǎn)寫(xiě)的形式
const obj = {
    // 簡(jiǎn)寫(xiě)
    fn1(){
        console.log('fn1')
    },
    // 非簡(jiǎn)寫(xiě)
    fn2:function(){
      console.log('fn2')
    }
}
  • 對(duì)象屬性名和屬性值的變量相同的情況下,盡量用簡(jiǎn)寫(xiě),而且盡量把簡(jiǎn)寫(xiě)屬性寫(xiě)在對(duì)象其他屬性的最上邊;最后一個(gè)屬性后邊盡量跟一個(gè)逗號(hào)
const userName = 'john'
const person = {
    // 相當(dāng)于 userName:userName 
    userName,
    // 最后一個(gè)屬性后邊盡量跟一個(gè)逗號(hào)
    age:20,
}
  • 盡量使用箭頭函數(shù)
// 例如我們?cè)谡{(diào)用云函數(shù)的時(shí)候,如果我們直接用普通的函數(shù)模式作為then的回調(diào)。那么這個(gè)時(shí)候會(huì)報(bào)錯(cuò)。`cannot read property setData of undefined`。因?yàn)榇藭r(shí)this指向不對(duì)
wx.cloud.callFunction({
    name:'login'
}).then(function(res){
    console.log(res)
    this.setData({
        openid:res.result.openid
    })
})

// 除非我們先獲取到this。以前通常的做法是 
const that= this
wx.cloud.callFunction({
    name:'login'
}).then(function(res){
    console.log(res)
    that.setData({
        openid:res.result.openid
    })
})

// 現(xiàn)在我們直接用箭頭函數(shù)會(huì)方便很多
wx.cloud.callFunction({
    name:'login'
}).then((res) => {
    console.log(res)
    that.setData({
        openid:res.result.openid
    })
})
當(dāng)然還有更多的規(guī)范可以應(yīng)用,在這里就不做舉例了。以后有時(shí)間可以慢慢增加
?著作權(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)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 1 編碼風(fēng)格 1.1 縮進(jìn) 1.1.1【強(qiáng)制】使用 2 個(gè)空格縮進(jìn)。eslint: indent[https://...
    朕小六閱讀 994評(píng)論 0 1
  • 前言 在一個(gè)開(kāi)發(fā)團(tuán)隊(duì)中,大家各有各的代碼規(guī)范,長(zhǎng)此以往項(xiàng)目將變得越來(lái)越難以維護(hù),下面我結(jié)合自己的日常規(guī)范同時(shí)參考同...
    Mr_xuy閱讀 749評(píng)論 0 5
  • ESLint規(guī)范說(shuō)明1、工具簡(jiǎn)介ESLint是一個(gè)QA工具,用來(lái)避免低級(jí)錯(cuò)誤和統(tǒng)一代碼的風(fēng)格。ESLint被設(shè)計(jì)為...
    小漠窮秋閱讀 3,122評(píng)論 0 0
  • 一、HTML規(guī)范 HTML頭部文檔類型 建議使用 text/html 格式的 HTML避免使用XHTML,因?yàn)閄H...
    Song_0129閱讀 843評(píng)論 0 2
  • 前言 本文檔旨在規(guī)范前端編碼規(guī)范,力求達(dá)到任何人閱讀他人代碼都能快速理解并著手開(kāi)發(fā),其他未總結(jié)到的編碼格式規(guī)范應(yīng)嚴(yán)...
    七幺七閱讀 529評(píng)論 0 0

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