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

資訊專欄INFORMATION COLUMN

我喜歡的5個編程技巧

Aceyclee / 493人閱讀

摘要：更多信息嵌套三元運(yùn)算符之前改造后我承認(rèn)，一開始，使用嵌套三元運(yùn)算符的想法的確令人倒胃口。當(dāng)然使用三元運(yùn)算符具有兩面性，但就我個人而言，嵌套三元運(yùn)算符真的越來越吸引我了。

在這篇文章中，我介紹了一些編程時嘗試使用的模式。這些模式是多年來我自己在工作中實踐的結(jié)果，也有是從同事那里偷偷學(xué)到的。

這些模式?jīng)]有特定的順序，只是一個簡單的集合。

提前退出（early exits） 
function transformData(rawData) {
  // check if no data
  if (!rawData) {
    return [];
  }

  // check for specific case
  if (rawData.length == 0) {
    return [];
  }

  // actual function code goes here
  return rawData.map((item) => item);
}

我將這種模式稱為“提前退出（early exits）”，但有些人也將此稱為“保鏢模式（the Bouncer Pattern）”或“保護(hù)條款（"guard clauses）”。撇開命名不談，該模式采用的方法是首先檢查無效的情況，然后從該函數(shù)返回，否則它將繼續(xù)使用該函數(shù)的預(yù)期情況并執(zhí)行。

對我來說，這種方法有一些我非常喜歡的優(yōu)點(diǎn):

有助于思考無效和邊界情況，以及在這種情況下該如何處理。

避免對意外情況進(jìn)行意外和不必要的代碼處理

這樣使我更能清楚地處理每種情況

一旦使用這種方式，您就可以快速地瀏覽函數(shù)并理解流程和執(zhí)行，這通常遵循自頂向下的方法，即從無效的情況—>小情況—>預(yù)期情況。

更多信息：保鏢模式（the Bouncer Pattern）

2. 用對象字面量替代 Switch 
// Switch
let createType = null;
switch (contentType) {
  case "post":
    createType = () => console.log("creating a post...");
    break;
  case "video":
    createType = () => console.log("creating a video...");
    break;
  default:
    createType = () => console.log("unrecognized content type");
}

createType();

// Object literal
const contentTypes = {
  post: () => console.log("creating a post..."),
  video: () => console.log("creatinga  video..."),
  default: () => console.log("unrecognized content type")
};

const createType = contentTypes[contentType] || contentTypes["default"];
createType();

接下來就是要移除 Switch。在寫 case 的時候我經(jīng)常會犯錯誤，也會忘記寫 break，這會引起各種有趣的問題。當(dāng)我編寫代碼時，switch語句并沒有體現(xiàn)太多的價值。

我更喜歡使用對象字面量，原因如下:

不用擔(dān)心 cace 或 break。

更容易閱讀并快速了解正在發(fā)生的事情

對象字面量很容易寫

代碼量少

3. 用一次循環(huán)處理兩個數(shù)組 
const exampleValues = [2, 15, 8, 23, 1, 32];
const [truthyValues, falseyValues] = exampleValues.reduce((arrays, exampleValue) => {
  if (exampleValue > 10) {
    arrays[0].push(exampleValue);
    return arrays;
  }

  arrays[1].push(exampleValue);
  return arrays;
}, [[], []]);

這種模式?jīng)]什么特別的，我應(yīng)該早點(diǎn)意識到，但我發(fā)現(xiàn)自己過濾一組元素，以獲得所有匹配特定條件的元素，然后在另一種情況下要再做一次。這意味著對一個數(shù)組進(jìn)行兩次循環(huán)，但我可以只做一次。

原來它有一個名字(bifurcate)，我從 30secondsofcode.org借鑒過來的。如果你從未去過那個網(wǎng)站，我建議你去那里。有很多有用的信息和代碼。

我知道 reduce 可能會讓人望而生畏，也不太清楚會發(fā)生什么，但如果你能適應(yīng)它，在遍歷集合時，您可以真正利用它來構(gòu)建所需的任何數(shù)據(jù)結(jié)構(gòu)。他們應(yīng)該叫它 builder 而不是 reduce。

4. 不要用 foo 做變量 
// bad
const foo = y && z;

// good
const isPostEnabled = isPost && postDateValid;

這看起來很明顯，但我相信我們都見過這樣做的代碼?；c(diǎn)時間，盡你最大的努力取個合適的名字。

這對于在職的專業(yè)人士或處于教育他人位置的人來說尤其重要。應(yīng)該使用變量命名來幫助解釋，在代碼的上下文中發(fā)生了什么事情。

別人能夠在閱讀您的代碼時，并大致可以理解要解決的問題。

更多信息：The art of naming variables

5. 嵌套三元運(yùn)算符 
// 之前
let result = null;
if (conditionA) {
  if (conditionB) {
    result = "A & B";
  } else {
    result = "A";
  }
} else {
  result = "Not A";
}
// 改造后
const result = !conditionA
  ? "Not A"
  : conditionB
  ? "A & B"
  : "A";

我承認(rèn)，一開始，使用嵌套三元運(yùn)算符的想法的確令人倒胃口。它看起來是一種編寫條件的巧妙方式。

然后我開始編寫業(yè)務(wù)邏輯，發(fā)現(xiàn)自己使用了嵌套的 if else 語句和一些非?？梢傻臈l件邏輯。

我認(rèn)為使用 if 和 else更容易閱讀，因為它們是實際的單詞，有語義化，但當(dāng)它們嵌套后，我開始很難理解發(fā)生了什么，并在心里默默跟蹤所有情況。

我認(rèn)為這種模式取決于你、你的團(tuán)隊的偏好。我在代碼庫中也很好的使用這種方式。當(dāng)然使用三元運(yùn)算符具有兩面性，但就我個人而言，嵌套三元運(yùn)算符真的越來越吸引我了。

更多信息：Nested Ternaries are Great by Eric Elliot

如果對你有幫助，請關(guān)注【前端技能解鎖】：

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

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

相關(guān)文章

  • 想做就馬上做，喜歡就堅持做 —— 我的編程之路

    摘要：負(fù)責(zé)部門大大小小的事務(wù)，大到方案制定與落實，小到吃飯喝酒大保健。這都是我喜歡的表現(xiàn)行動。想做就馬上做，喜歡就堅持做希望年后的你們不會后悔你現(xiàn)在的決定有點(diǎn)胡說八道了，大家多多體諒本文參與了我的編程之路計劃，歡迎正在閱讀的你也加入，一起分享。 爆照 showImg(https://segmentfault.com/img/bVtmco); 有女朋友，但是不能爆照。哈哈哈哈...... 目前...

    taowen 評論0 收藏0

  • JavaScript 函數(shù)式編程技巧 - 柯里化

    摘要：作為函數(shù)式編程語言，帶來了很多語言上的有趣特性，比如柯里化和反柯里化。在一些函數(shù)式編程語言中，會定義一個特殊的占位變量。個人理解不知道對不對延遲執(zhí)行柯里化的另一個應(yīng)用場景是延遲執(zhí)行。不斷的柯里化，累積傳入的參數(shù)，最后執(zhí)行。作為函數(shù)式編程語言，JS帶來了很多語言上的有趣特性，比如柯里化和反柯里化。 這里可以對照另外一篇介紹 JS 反柯里化 的文章一起看~ 1. 簡介 柯里化（Currying）...

    edgardeng 評論0 收藏0

  • 5個優(yōu)秀編碼挑戰(zhàn)幫你訓(xùn)練大腦，你敢嘗試嗎？

    摘要：可能是世界上最受歡迎的編碼挑戰(zhàn)網(wǎng)站，自十多年前首次推出以來它一直都是幾十萬用戶的家。在線評測是成千上萬的編碼挑戰(zhàn)的寶庫，這讓你忙上幾個星期。允許用戶添加自己的挑戰(zhàn)，組織編程競賽，并爭取最高的排名。 原文地址：https://www.evget.com/article...每個人都知道編程正在成為幾乎每個行業(yè)的重要組成部分，它對組織的幫助和對大型系統(tǒng)的維護(hù)是獨(dú)一無二的，因此越來越多的人開...

    makeFoxPlay 評論0 收藏0

  • 分享國外Python大咖如何在5個月內(nèi)找到一份薪水翻番的工作的？

    摘要：六個月前，我辭掉了初級開發(fā)者的工作，并去東南亞旅行了五個月。我的目標(biāo)了解更多資料我原本計劃去東南亞旅行個月，我也有信心在旅行回來后能夠找到一份更好的工作。申請工作我下一站旅行地是老撾境內(nèi)一個偏遠(yuǎn)的攀爬區(qū)。 金三銀四，謹(jǐn)以此文獻(xiàn)給所有正在準(zhǔn)備跳槽的你。 showImg(https://segmentfault.com/img/bVbhXVQ?w=640&h=640);六個月前，我辭掉了初...

    Anleb 評論0 收藏0

發(fā)表評論

0條評論

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