摘要：也不例外，在發(fā)布新功能前，最好是一定要對(duì)代碼進(jìn)行充分的測(cè)試。自從年雙十一正式上線，累計(jì)處理了億錯(cuò)誤事件，付費(fèi)客戶有金山軟件百姓網(wǎng)等眾多品牌企業(yè)。

譯者按： 前端技術(shù)涉及的越來(lái)越多！

原文: 10 things to learn on the way to becoming a JavaScript Master

譯者: Fundebug

為了保證可讀性，本文采用意譯而非直譯。另外，本文版權(quán)歸原作者所有，翻譯僅用于學(xué)習(xí)。

既然你對(duì)這篇文章感興趣，我想你應(yīng)該是一位前端開發(fā)，也許你有一份不錯(cuò)的工作、自主創(chuàng)業(yè)甚至是一位自由從業(yè)者。不知你的前端技術(shù)如何，也許你是一位新手，亦或是一位資深開發(fā)。
如果你想讓自己成為一個(gè) JavaScript 大師，在此我列出 12 條必備知識(shí)：

我們從最基礎(chǔ)的開講。當(dāng)然，它也是最重要的一個(gè)知識(shí)點(diǎn)。如果你連這個(gè)都沒有整明白的話，那你的代碼生活將會(huì)很艱難。

if else : 如果連這個(gè)都不知道，之前怎么碼代碼的？

switch : 當(dāng)有很多的情況要處理(>2)的時(shí)候，用它準(zhǔn)沒錯(cuò)。

for: 不要去編寫重復(fù)的代碼，請(qǐng)使用 for。for of和for in都十分便利。一個(gè)很大的優(yōu)勢(shì)在于 for 循環(huán)是阻塞式的，可以配合async await使用。

高階的條件語(yǔ)句: 使用三元運(yùn)算符或則邏輯判斷。如果想把代碼寫得簡(jiǎn)潔，甚至不需要存儲(chǔ)中間值的話，可以這么做。

// ternary
console.log(new Date().getHours() < 12 ? "Good Morning!" : "Time for a siesta");

// logical operators
const isJsMaster = prompt("Are you a JavaScript master?") === "true";
console.log(isJsMaster && "proficient coder");

不管前端還是后端工程師，作為一個(gè)新手，經(jīng)常會(huì)使用console.log或則console.error來(lái)處理錯(cuò)誤。為了寫出健壯的應(yīng)用，則需要改掉到處使用 console.log 的習(xí)慣，構(gòu)建自己的異常處理器，然后優(yōu)雅地處理異常。
你也許對(duì)如何處理異常很感興趣，可以看看我寫的這篇文章。

需要想清楚如何組織數(shù)據(jù)(合并或則分離)，這不僅僅關(guān)乎在數(shù)據(jù)庫(kù)里如何定義其模型，同時(shí)也包含了函數(shù)參數(shù)，定義的變量、對(duì)象等等。

const calcShape = (width, height, depth, color, angle) => {...}
const calcShape = ({width, height, depth, color, angle}) => {...}

這個(gè)是 JavaScript 非常重要的一個(gè)特性，要么需要從服務(wù)器獲取數(shù)據(jù)或則在服務(wù)器端異步去處理請(qǐng)求。幾乎在所有的情況下，都要面對(duì)異步。如果搞不清楚異步，可能會(huì)遇到非常奇怪的報(bào)錯(cuò)，以至于要花費(fèi)幾個(gè)小時(shí)去搞定它。如果你知道異步，但是沒有完全理解，那么可能掉入“回調(diào)地獄”。如今，最好的方法是使用 Promises 和async await。

對(duì)于開發(fā)者來(lái)說(shuō)，通常已經(jīng)學(xué)會(huì)了 jQuery，似乎不需要再去了解如何直接操縱 DOM 的技巧。甚至直接使用前端框架，根本不需要去操縱 DOM 了。但是，我認(rèn)為對(duì)于理解前端 JavaScript，這是必不可少的一環(huán)。知道 DOM 的工作原理以及如何操縱 DOM 元素會(huì)讓你對(duì)網(wǎng)頁(yè)的工作機(jī)制有更加清楚的理解。而且，盡管使用了前端框架，總有些情況下你需要直接操縱 DOM。打個(gè)比方，如果僅僅只是想訪問某個(gè)元素，你肯定不想把整個(gè) jQuery 都導(dǎo)入到項(xiàng)目中吧。

作為一名前端開發(fā)，依然需要學(xué)習(xí)一點(diǎn) Node.js。最好懂得如何用 Express 快速搭建一個(gè)服務(wù)器，并且使用路由功能。JavaScript 作為一門“腳本”語(yǔ)言，很適合定義各種自動(dòng)化任務(wù)，因此知道如何讀取文件，操縱 Buffer 可以助你構(gòu)建工作流。

函數(shù)式編程和面向?qū)ο缶幊棠膫€(gè)更好的爭(zhēng)論由來(lái)已久。其實(shí)，你可以使用任何一種編程方式達(dá)到相同的目的。在 JavaScript 中，事情變得簡(jiǎn)單，兩種方式任你挑選。像lodash就以函數(shù)式的角度提供了非常多的工具函數(shù)。如今，甚至很多函數(shù)已經(jīng)內(nèi)置實(shí)現(xiàn)，無(wú)需導(dǎo)入外部庫(kù)，比如map,reduce,filter,forEach,find。