【青训营】月影老师告诉我写好JavaScript原则与技巧大总结

YK菌花了十几天的时间总结了月影老师三个小时的课程，对大部分案例都进行了自己的复现，并且进行了一些思考，今天来对之前博文，以及月影老师关于《如何写好JS》的课程做一个全面的总结。

BB一句：还记得上完课在打卡的课程意见中，我写到：光月影老师的课我就能写八篇博文！ 没想到，我竟然真的写到了，这是第八篇！！！

我们一共讲了写好JavaScript的七个原则或技巧，它们分别是：

1. 各司其责 2. 组件封装 3. 过程抽象 4. 风格优先 5. 保证正确 6. 封装函数 7. 妙用特性

各司其责

首先要做到各司其责，如果遇到纯UI展示类的操作，页面样式的切换，动画之类的，我们可以优先考虑使用CSS来操作，而不是JavaScript！解决bug的最好方式就是不写代码~

保证正确

我们写出来的代码最重要的是要保证正确，不能写一个不正确的代码。在遇到一些比较复杂的情况，考虑算法的数学模型，最好能给予证明，保证代码的数理正确性。

风格优先

实际的团队项目开发中，为了更好的合作，通过设置代码规范校验来统一风格，增加代码可读性是很有必要的。也就是 风格优先

我们处理一些数字上的操作通过考虑的更加底层一点，这样可以提升我们代码的运行效率，使用位运算就是一个不错的提升效率的选择，但是我们不能一味的追求极致的效率而牺牲了代码的可读性，代码的可读性和效率也是同样重要的！

当然，我们要依据使用场景来权衡可读性与效率的问题，没有绝对正确的答案。

封装函数

我们定义函数的时候，要做好封装函数，尽量不要让一个函数直接处理一个外部的变量，最好把这个变量变成一个参数，传递给函数。
封装函数的时候要做好数据抽象与过程抽象。

做好数据抽象，把用到的一些数据进行分离出来，在函数外部定义一个对象数组，将其传入函数中使用，将数据解耦出来，提高函数的可复用性。

过程抽象

不但可以进行数据抽象，还可以进行过程抽象，将一些操作抽象出来成一个单独的函数，也就是将操作行为从函数中解耦出来，需要的地方进行引入（只关心做什么What to do 不关心怎么做 How to do），同样可以提高代码的复用性。

在我们的代码库中，尽量多写没有副作用的纯函数，无侵入式的代码。可以使我们的代码具有更好的可维护性。

JavaScript即可以写命令式（How to do）的代码，也可以写声明式（What to do）的代码，处理复杂逻辑时，推荐使用声明式，抽象程度更高，拓展性更强

组件封装

在进行组件封装时，将HTML解耦进行模板化，将JavaScript解耦进行插件化，将通用的组件模型抽象出来形成组件框架，增加组件的复用性、灵活性。

妙用特性

最后，JavaScript有很多自己的特性，诸如正则、JSON、数组上的各种方法等。我们在编写代码的时候妙用特性可以极大的提高我们的工作效率。

相关博文

【青训营】月影老师告诉我写好JavaScript的三大原则——各司其责

【青训营】月影老师告诉我写好JavaScript的三大原则——组件封装

【青训营】月影老师告诉我写好JavaScript的三大原则——过程抽象

【青训营】月影老师告诉我写好JavaScript的四大技巧——风格优先

【青训营】月影老师告诉我写好JavaScript的四大技巧——保证正确

【青训营】月影老师告诉我写好JavaScript的四大技巧——封装函数

【青训营】月影老师告诉我写好JavaScript的四大技巧——妙用特性

也可以关注专栏： 【青训营笔记专栏】