美文网首页
JS之可维护代码的特点

JS之可维护代码的特点

作者: magicWindFall | 来源:发表于2017-04-12 14:34 被阅读0次

可维护的代码的特点

可理解性——其他人易于理解

直观性——代码容易看明白

可适应性——以数据的变化代替完全重写

可扩展性——代码架构上考虑了未来对核心功能的可扩展性

可调式性——有地方出错时,容易定位

代码约定

可读性

  函数和方法应该包含注释

  完成单个任务的大段代码前增加注释

  复杂的算法增加注释

  Hack——hack注释

变量和函数命名

  变量名应为名词(car或person)

  函数名以动词开始(getName())

  返回布尔值的函数一般以is开头(isEnable())

  变量和函数都应使用合乎逻辑的名字,不要担心长度。(后期处理和压缩)

变量类型透明

  初始化赋值来说明变量类型(var count = -1)

  使用匈牙利标记法来指定变量类型(var bFound;    //布尔型)

  使用注释说明

松散耦合

解耦HTML/JavaScript

  html是数据,javascript是行为,二者尽量分离

  应该避免在JS中创建大量的HTML

  html呈现尽量与JS保持分离

解耦CSS/JavaScript

  css负责页面的显示

解耦应用逻辑/事件处理程序

  应用逻辑和事件处理程序分离,例如两个函数完成

编程实践

尊重对象所有权

  如果你不负责创建或维护某个对象、它的对象或者它的方法,那么你就不能对它们进行修改

避免全局变量

  关系到创建一个脚本执行的一致的和可维护的环境

  最多创建一个全局变量,让其他对象和函数存在其中

  避免与null进行比较

  直接将值与 null比较是使用过度的,并且常常由于不充分的类型检查导致错误。

使用常量

  将应用逻辑与数据修改隔离开来(例如:var Constants = { baidu: www.baidu.com})

  重复值——任何在多处用到的值都应抽取为一个常量

  用户界面字符串——任何用于显示给用户的字符串,都应被抽取出来以方便国际化。

  URLs——在 Web 应用中,资源位置很容易变更,所以推荐用一个公共地方存放所有的 URL。

  任意可能会更改的值——每当你在用到字面量值的时候,你都要问一下自己这个值在未来是不是会变化。如果答案是“是”,那么这个值就应该被     提取出来作为一个常量。

  对于企业级的 JavaScript 开发而言,使用常量是非常重要的技巧,因为它能让代码更容易维护,并且在数据更改的同时保护代码。

相关文章

  • JS之可维护代码的特点

    可维护的代码的特点 可理解性——其他人易于理解 直观性——代码容易看明白 可适应性——以数据的变化代替完全重写 可...

  • Javascript-最佳实践

    一、可维护性 1、什么是可维护的代码 可维护的代码有一些特征。一般来说,如果说代码是可维护的,它需要遵循以下特点 ...

  • 编写可维护的js代码。

    private 和 public 可这样的区分。

  • 编写可维护的JS代码 20170921

    从几大块讲了 团队大了or项目大了 如何让代码依然好维护1.代码格式排版要求,团队必须遵守可以使用工具强制检查(...

  • 【Javascript】编写可维护的js代码

    避免定义全局变量和函数定义全局变量和函数容易造成数据污染,一个可参考的定义方式如下: 使用简化的编码方式不友好的对...

  • 实战!通过一个简单的java计算器说明分层思想!

    分层思想概述 代码若要达到:易维护、可复用、可扩展、够灵活、低耦合等特点;编程人员必须建立起分层思想。 最简单的是...

  • 编写可维护的JS

    0. 写在前面 当你开始工作时,你不是在给你自己写代码,而是为后来人写代码。 —— Nichloas C. Zak...

  • 编写可维护的JS

    0. 当你开始工作时,你不是在给你自己写代码,而是为后来人写代码。 —— Nichloas C. Zakas 本文...

  • 编写可维护的代码(一)

    一,可维护的代码二,保证代码性能三,部署代码 一,什么是可维护的代码1,可理解性的代码-其他人可以接受代码并且理解...

  • 2020-01-15-易锦大学03-js基础第一课

    js语言特点 01,js代码可以写在页面上面,也就是写在html页面的代码当中。如下图所示: 02,js代码也可以...

网友评论

      本文标题:JS之可维护代码的特点

      本文链接:https://www.haomeiwen.com/subject/sxsmattx.html