简单探讨如何运用好 JavaScript | 青训营笔记

75 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第3天

每日一思: 如何看待代码的时间复杂度与空间复杂度?

怎样写好 JS?

我们知道,可以解决问题的代码数不胜数,如何做出最优解才是关键所在。

需要知道的一些原则

  • 各司其职
  • 组件封装
  • 过程抽象

1. 各司其职

我们务必要让 HTML、CSS 和 JavaScript 尽量分开,不要高度耦合,要区分它们之间的职责所在,做它们该干的事情,如果能用 CSS 去解决的 UI 问题,就尽量不要用 JS 去解决,因为 CSS 它简单并且节省成本。

2. 组件封装

对于一些 JS 处理问题的代码,我们可以通过解耦的方式去提高代码的复用性以及可扩展性等,进而我们可以进一步思考,能否通过对代码进行组件封装,设计出更优化的代码。

3. 过程抽象

官方定义: 过程抽象是用来处理局部细节控制的一些方法,是函数式编程思想的基础应用。

是什么意思呢?简而言之就是,过程抽象是为了让我们关注的是函数的输入和输出,而不是关注函数的具体执行过程。

写代码最应该关注什么?

在这里,引用一下月影老师的代码示例:

在此之前,我一直是处在一个误区当中,认为代码的表达式不应该是这么写的,感觉起来会显得比较长,然而,在月影老师的讲解中,我明白了写代码,最应该关注使用场景,在不同的场景当中,就应该思考究竟在这个场景中,需要时间复杂度低一点的代码还是需要空间复杂度低一点的代码。

image.png

image.png

像以上代码示例,则是考虑到了使用场景,降低了时间复杂度,没有使用循环的方式,如何写好 JavaScript,务必需要注重代码的使用场景

总结

本文主要探讨了写 JavaScript 的三个原则以及写 JavaScript 应该要注重代码的使用场景,如何写出好的 JavaScript 代码,这一点是非常重要的,其次,通过月影老师的讲解,我意识到了自己的不足之处,写代码是需要不断地去思考如何对代码进行一系列的优化的,提升代码的性能。

互相学习,共同进步。