學好前端，必要掌握的 12個 JavaScript 知識點
你對這篇文章感興趣，我想你應該是一位前端開發，也許你有一份不錯的工作、自主創業甚至是一位自由從業者。不知你的前端技術如何，也許你是一位新手，亦或是一位資深開發。
如果你想讓自己更好的掌握前端技術，在此我列出 12 條必備知識：
1. 控制流(Control Flow)
我們從最基礎的開講。當然，它也是最重要的一個知識點。如果你連這個都沒有整明白的話，那你的程式碼生活將會很艱難。
-
if else: 如果連這個都不知道，之前怎麼碼程式碼的？ -
switch: 當有很多的情況要處理(>2)的時候，用它準沒錯。 -
for: 不要去編寫重複的程式碼，請使用 for。for of和for in都十分便利。一個很大的優勢在於 for 迴圈是阻塞式的，可以配合async await使用。 - 高階的條件語句: 使用三元運算子或則邏輯判斷。如果想把程式碼寫得簡潔，甚至不需要儲存中間值的話，可以這麼做。
// 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");
2. 異常處理
不管前端還是後端工程師，作為一個新手，經常會使用console.log
或則console.error
來處理錯誤。為了寫出健壯的應用，則需要改掉到處使用 console.log 的習慣，構建自己的異常處理器，然後優雅地處理異常。
3. 資料模型
需要想清楚如何組織資料(合併或則分離)，這不僅僅關乎在資料庫裡如何定義其模型，同時也包含了函式引數，定義的變數、物件等等。
const calcShape = (width, height, depth, color, angle) => {...}
const calcShape = ({width, height, depth, color, angle}) => {...}
4. 非同步性
這個是 JavaScript 非常重要的一個特性，要麼需要從伺服器獲取資料或則在伺服器端非同步去處理請求。幾乎在所有的情況下，都要面對非同步。如果搞不清楚非同步，可能會遇到非常奇怪的報錯，以至於要花費幾個小時去搞定它。如果你知道非同步，但是沒有完全理解，那麼可能掉入“回撥地獄”。如今，最好的方法是使用 Promises 和async await
。
5. 操作 DOM
對於開發者來說，通常已經學會了 jQuery，似乎不需要再去了解如何直接操縱 DOM 的技巧。甚至直接使用前端框架，根本不需要去操縱 DOM 了。但是，我認為對於理解前端 JavaScript，這是必不可少的一環。知道 DOM 的工作原理以及如何操縱 DOM 元素會讓你對網頁的工作機制有更加清楚的理解。而且，儘管使用了前端框架，總有些情況下你需要直接操縱 DOM。打個比方，如果僅僅只是想訪問某個元素，你肯定不想把整個 jQuery 都匯入到專案中吧。
這裡推薦一下我的前端學習交流群：784783012 ，裡面都是學習前端的，從最基礎的HTML+CSS+JS【炫酷特效，遊戲，外掛封裝，設計模式】到移動端HTML5的專案實戰的學習資料都有整理，送給每一位前端小夥伴。最新技術，與企業需求同步，好友都在裡面學習交流，每天都會有大牛定時講解前端技術!
點選：加入