学好前端，必要掌握的 5个 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。

对web前端这门技术感兴趣的小伙伴可以加入到我们的学习圈来，编程工作第六个年头了，与大家分享一些学习方法，实战开发需要注意的细节。767-273-102 秋裙。从零基础开始怎么样学好前端。看看前辈们是如何在编程的世界里傲然前行！不停更新最新的教程和学习方法（web前端系统学习路线，详细的前端项目实战教学视频），有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入。我们会一起结伴同行前端前端前端

5. 操作 DOM

对于开发者来说，通常已经学会了 jQuery，似乎不需要再去了解如何直接操纵 DOM 的技巧。甚至直接使用前端框架，根本不需要去操纵 DOM 了。但是，我认为对于理解前端 JavaScript，这是必不可少的一环。知道 DOM 的工作原理以及如何操纵 DOM 元素会让你对网页的工作机制有更加清楚的理解。而且，尽管使用了前端框架，总有些情况下你需要直接操纵 DOM。打个比方，如果仅仅只是想访问某个元素，你肯定不想把整个 jQuery 都导入到项目中吧。