成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

教你如何寫出優(yōu)雅的 JavaScript 代碼

lookSomeone / 2664人閱讀

摘要：前言同樣一個功能，可以用很多方法來實現(xiàn)，有時候由于項目時間緊張，導(dǎo)致很多時候只是實現(xiàn)了功能，往往忽視了代碼質(zhì)量。下面幾種代碼重構(gòu)方法，以便大家可以寫出更優(yōu)雅的代碼。

前言

同樣一個功能，可以用很多方法來實現(xiàn)，有時候由于項目時間緊張，導(dǎo)致很多時候只是實現(xiàn)了功能，往往忽視了代碼質(zhì)量。下面幾種代碼重構(gòu)方法，以便大家可以寫出更優(yōu)雅的代碼。

一，提煉函數(shù)

var getUserInfo = function(){
  ajax( "http:// xxx.com/userInfo", function( data ){
      console.log( "userId: " + data.userId );
      console.log( "userName: " + data.userName );
      console.log( "nickName: " + data.nickName );
  })
})

//  重構(gòu)后
var getUserInfo = function(){
  ajax( "http:// xxx.com/userInfo", function( data ){
    printDetails( data ); });
};

var printDetails = function( data ){ 
  console.log( "userId: " + data.userId ); 
  console.log( "userName: " + data.userName ); 
  console.log( "nickName: " + data.nickName );
};

二，合并重復(fù)的條件片段

var paging = function( currPage ){
  if ( currPage <= 0 ){
    currPage = 0;
    jump( currPage );
  }else if ( currPage >= totalPage ){
    currPage = totalPage;
    jump( currPage );
  }else{
    jump( currPage );
  }
}

// 重構(gòu)后，把重復(fù)函數(shù)獨立出來
var paging = function( currPage ){
    if ( currPage <= 0 ){
        currPage = 0;
    }else if ( currPage >= totalPage ){
        currPage = totalPage; 
    }
    jump( currPage );
};

三，把條件分支語句提煉成函數(shù)

var getPrice = function( price ){
  var date = new Date();
  if ( date.getMonth() >= 6 && date.getMonth() <= 9 ){
    return price * 0.8;
  }
  return price; 
};

// 重構(gòu)后，改成能夠理解的函數(shù)
var isSummer = function(){
  var date = new Date();
  return date.getMonth() >= 6 && date.getMonth() <= 9;
};

var getPrice = function( price ){ 
  if ( isSummer() ){ 
  return price * 0.8;
}
  return price; 
};

四，合理使用循環(huán)
五，提前讓函數(shù)退出代替嵌套條件分支

點擊更多

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88546.html

相關(guān)文章

  • javascript知識點

    摘要：模塊化是隨著前端技術(shù)的發(fā)展，前端代碼爆炸式增長后，工程化所采取的必然措施。目前模塊化的思想分為和。特別指出，事件不等同于異步，回調(diào)也不等同于異步。將會討論安全的類型檢測惰性載入函數(shù)凍結(jié)對象定時器等話題。 Vue.js 前后端同構(gòu)方案之準備篇——代碼優(yōu)化 目前 Vue.js 的火爆不亞于當(dāng)初的 React，本人對寫代碼有潔癖，代碼也是藝術(shù)。此篇是準備篇，工欲善其事，必先利其器。我們先在代...

    Karrdy 評論0 收藏0

  • 教你在不使用框架的情況下也能寫出現(xiàn)代化 PHP 代碼

    摘要：畢竟，我們還將在接下來的開發(fā)之旅中使用其他框架開發(fā)者編寫的輔助包。缺乏行業(yè)標準必然意味著，框架中的這些組件高度耦合。如果你嘗試對這個類進行單元測試，會發(fā)現(xiàn)根本不可行。在做單元測試的時候，我們可以很好地模擬數(shù)據(jù)庫連接，并將其傳入使用。 showImg(https://segmentfault.com/img/remote/1460000014180802); 我為你們準備了一個富有挑戰(zhàn)性...

    trigkit4 評論0 收藏0

  • vscode一格式化就報錯？各種風(fēng)格問題各種報錯煩不勝煩，教你如何用好vue的eslint風(fēng)格配置

    摘要：格式化安裝插件如果題主認真讀了的的話，應(yīng)該可以寫出下面的配置了。用來格式化和提示格式錯誤。在編碼過程中提示格式錯誤，養(yǎng)成良好的編碼習(xí)慣。 前言 感覺搭建一個舒服的前端開發(fā)環(huán)境，十分的重要定制化的格式化，編輯器自帶的格式化各種報錯，手動改真的會死人，因此搭建一個編輯器環(huán)境必不可少，現(xiàn)在要講的是vscode中如何定制vue vs code的配置文件: showImg(https://seg...

    Achilles 評論0 收藏0

  • FCC 成都社區(qū)·前端周刊 第 9 期

    摘要：詳情行人臉識別庫是僅行代碼的人臉識別庫，最小只有。詳情開發(fā)大型應(yīng)用這是根據(jù)上發(fā)表的演講整理的文章，分享了作者在開發(fā)大型應(yīng)用后的一些心得。詳情每周一同步更新到歡迎 1. Node.js 10 將帶來什么？ Node.js 10 的第一個版本將于本周二（4 月 24 日）發(fā)布，并將在 10 月份推出 LTS 版本，將帶來哪些更新？ N-API，持續(xù) HTTP/2 支持，ECMAScript...

    kid143 評論0 收藏0

  • FCC 成都社區(qū)·前端周刊 第 9 期

    摘要：詳情行人臉識別庫是僅行代碼的人臉識別庫，最小只有。詳情開發(fā)大型應(yīng)用這是根據(jù)上發(fā)表的演講整理的文章，分享了作者在開發(fā)大型應(yīng)用后的一些心得。詳情每周一同步更新到歡迎 1. Node.js 10 將帶來什么？ Node.js 10 的第一個版本將于本周二（4 月 24 日）發(fā)布，并將在 10 月份推出 LTS 版本，將帶來哪些更新？ N-API，持續(xù) HTTP/2 支持，ECMAScript...

    KaltZK 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<