2分鐘編程技巧:不要在代碼中使用循環(huán)
您應(yīng)該使用像map、filter和reduce這樣的函數(shù),而不是編寫for或while循環(huán)。這是個(gè)推薦做法,因?yàn)?
循環(huán)使產(chǎn)生代碼副作用變得容易,而副作用就會(huì)使代碼邏輯變成意大利面條,雜亂無章。
當(dāng)你試圖同時(shí)做不止一件事情時(shí),循環(huán)會(huì)你陷入痛苦。
函數(shù)式編程可以防止代碼產(chǎn)生與感冒藥一樣多的副作用。它迫使你一次只做一件事,而且比循環(huán)更具可讀性。
循環(huán),就像指針一樣,是一種簡(jiǎn)單的編程方法。它們對(duì)于某些關(guān)鍵代碼非常有用,但我想會(huì)說,我們中很少有人在研究顯卡驅(qū)動(dòng)程序。
讓我們切入正題——這里有一個(gè)JavaScript程序的比較。首先,老舊的循環(huán)版本:
- const cats = ['Antonio', 'Squid', 'Tornado', 'Avocado', 'Barnacles', 'Abroteus'];
- const stringStartsWithA = x => x[0].toLowerCase() === 'a';
- const catsWhoseNameStartsWithA = [];
- for (let i = 0; i < cats.length; i++) {
- if (stringStartsWithA(cats[i])) {
- catsWhoseNameStartsWithA.push(cats[i]);
- }
- }
- console.log(catsWhoseNameStartsWithA);
- // Output:
- // ["Antonio", "Avocado", "Abroteus"]
下面是新式的函數(shù)式編程:
- const cats = ['Antonio', 'Squid', 'Tornado', 'Avocado', 'Barnacles', 'Abroteus'];
- const stringStartsWithA = x => x[0].toLowerCase() === 'a';
- const catsWhoseNameStartsWithA = cats.filter(stringStartsWithA);
- console.log(catsWhoseNameStartsWithA);
- // Output:
- // ["Antonio", "Avocado", "Abroteus"]
當(dāng)然,這是一個(gè)簡(jiǎn)單的示例,并且很可能是一個(gè)非常適合過濾器(filter)的用例。盡管如此,我們還是把5行混亂的代碼變成了….0行?在***個(gè)示例中,我們已經(jīng)使用了一行代碼來聲明數(shù)組。
這里的樂趣并沒有到此為止:我們用過濾器來做例子,但還有更多像map, reduce, sort和flatten這樣的用法。它們?yōu)槲覀兙帉懹袆?chuàng)意,優(yōu)雅,最重要的是易于理解的代碼提供了巨大的空間!
你怎么認(rèn)為?也許我的例子有失偏頗,也許我完全錯(cuò)了。請(qǐng)?jiān)谠u(píng)論中告訴我-我感謝任何和所有的反饋!