这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天,今日学习了JavaScript编码原则之各司其责,以下为今日笔记。
JavaScript是什么:
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言 。虽然它是作为开发页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象 、命令式、声明式、函数式编程范式。
写好JavaScript的一些原则:
各司其职:
- 让HTML,CSS,和JavaScript职能分离;
组件封装
- 好的UI组件应具备正确性、扩展性、复用性
- 组件封装的基本方法:要设计一个UI组件,我们需要做结构设计,用CSS来实现展现效果,最后进行行为设计。
过程抽象
- 应用函数式编程思想
- 用来处理局部细节控制的一些方法,是函数式编程思想的基础应用,理解了过程抽象之后,我们可以让我们的代码拥有更好的扩展性,让代码更好的通用。
总结起来就是我们在写代码的时候不应该用JavaScript来控制样式,可以用class来表示状态,然后用JavaScript来控制状态,如果是纯展示类交互要取寻求零JS方案,这是做前端工程师要迈出的第一步;在与UI交互的时候,我们需要把UI组件封装起来使用;