在实际编写JavaScript的过程中，如何写好JavaScript是大家一直在关注和思考的一个问题。今天，我们将跟随月影老师的讲解来进行学习。
今日课程的重点是：
1.JavaScript好代码的标准
2.HTML/CSS/JS各司其职
首先，请您思考一个问题：什么才是好的JavaScript代码呢？
关于这个问题，以下是写好JS的一些原则：
- 各司其职：让HTML、CSS和JavaScript职能分离
- 组件封装：好的UI组件具备正确性、扩展性、复用性
- 过程抽象：应用函数式编程思想
关于一篇“深夜食堂”的文章，如果让您写一段JS，控制一个网页，让它支持浅色和深色两种浏览模式，你会怎么做？
以下是展示的2种的浏览模式图：
- 第一个：白底黑字图 （如下图所示：）
- 第二个：黑底白字图 （如下图所示：）
然后，这里展示的代码属于第一个版本。 （如下图所示）
根据上图的代码，请您思考：
1.这个版本是否存在问题？如果存在问题，请您说一说具体有什么问题。
2.如果让您来优化，你会怎么做呢？
（感兴趣的朋友可以在评论区回复哦）
接下来，这里展示的代码属于第二个版本。 （如下图所示：）
根据上图代码，请您思考：
1.当前版本比起上一版本的优势在哪里？
2.还有其他可行的方案吗？
（感兴趣的朋友可以在评论区回复哦）
接下来，将展示第三个版本： （如下图所示：）
讨论了这么多，让我们回到今天的主要话题：关于一篇“深夜食堂”的文章，如果让您写一段JS，控制一个网页，让它支持浅色和深色两种浏览模式，你会怎么做？
通过对上述案例的分析与思考，你可以学到以下知识：
- HTML/CSS/JS各司其责
- 应当避免不必要的有JS直接操作样式
- 可以用class来表示状态
- 纯展示类交互寻求零JS方案
（详情如下图所示：）
2023-08-28，今日关于JavaScript编码原则之一的各司其责的相关知识已经分享完毕，欢迎一起讨论啊!!!明天继续，加油。
