JavaScript编码原则之各司其责|青训营

52 阅读2分钟

本节课学习了跟着月影学JavaScript(上),好的代码通常有高可读性 代码风格符合统一规范 。高可维护性 高内聚: 关联性高的代码应该放在一起,形成独立模块,可以是一个类,一个包或一个工程等.,代码安全 能够抵抗恶意攻击、破解,能够保护系统安全、用户信息安全等. 再强大的国度,也要有杠杠的国防,否则就如曾经的晚清,自称大清,其实不堪一击.。高可靠性 在各种正常场景、异常场景 (偶发高并发、网络延时高等等)、长时间运行都可以正常运行. 据传,评价老公是否好的一个标准,就是无论在什么情况下,只要有需要,随时可服务.。性能优异 能为用户提供优异的性能表现.当然也不能一味追求性能,需要和可读性、可维护性等特性综合权衡. 评价的另一个标准,就是性能卓越。写好JS的原则有各司其责、组件封装、过程抽象。各司其职:让HTML,CSS和JavaScript职能分离。组件封装:好的UI组件具备正确性,扩展性,复用性。过程抽象:应用函数式思想。封装。一般在进行团队开发的时候,会有很多人对代码和需求进行开发,这样的话就很容易导致代码出现不可控的问题,所以我们需要对方法进行封装。封装的好处:。• 随时调用。• 代码量减少,复用性提高。• 易于维护和修改事件的三要素:。1. 事件源:需要触发的对象。2. 事件类型:如何触发,是什么事件,比如鼠标点击( nclick)还是鼠标经过,还是键盘按下。3. 事件处理程序:通过一个函数赋值的方式完成。执行事件的步骤:。• 获取事件源。• 绑定事件 注册事件高阶函数。• 以函数作为参数。• 以函数作为返回值。• 常用于作为函数的装饰器。而解耦即为将HTML模板化,(让JavaScript来渲染组件的HTML)更易于扩展,所以综上所述,组件设计的原则:封装性、正确性、扩展性、复用性。。实现组件的步骤:结构设计、展现效果、行为设计。随着课堂的深入,更多实用性的知识逐层向我展开。虽然学习过程中有很多不明白的地方,但是这些疑惑帮助我继续走下去,让我有了前进的动力。