JS进阶--代码性能指标

代码性能指标

1.健壮性

健壮性是什么

  • 健壮性是代码抗击风险(如Bug等)的能力

健壮性的目的

  • 避免和程序无关的因素,导致代码报错
  • 快速给出问题反馈
  • 不至于因为非必要性bug,而导致程序执行中断

如何保障健壮性

  • 参数做好默认值,做好检测JS进阶--代码性能指标_第1张图片

  • 程序做好意外情况处理JS进阶--代码性能指标_第2张图片
    对象参数的:
    JS进阶--代码性能指标_第3张图片

2.可读性

可读性的目的

  • 代码结构清晰
  • 他人能够看懂你的意思

做法

  • 优化丑陋的结构
// 典型的丑陋结构

// 1.if-else分支过长-策略模式,状态
if(xxx){
}else if(xxx){
}else if(yyy){}

//2.分支套分支
if(x){
	if(xx){
		if(xx){
		}
	}
}
//改成
if( x && xx && xxx){}

//3.回调地狱
$.ajax({
	url:"a",
	success: function () {
		$.ajax(
			url:"b",
			success:function () {}


//优化
//1.常量全大写
const PIE=3.14
//2.类名首字母大写  使用大驼峰写法
function ClassStudent() {}
//3.普通变量和方法(小驼峰)
function arrAdd() {
 //4.局部变量下划线开头
 var _number = 123
}
// 5.遵循语义化
  • 命名规范
    1.常量全大写
    2.类名首字母大写 使用大驼峰写法,普通变量和方法(小驼峰)
    3.局部变量下划线开头
    4.遵循语义化
  • 注释规范

3.可复用性

是什么

  • 代码就像积木一样,能够很方便的哪里需要就用在哪里

目的

  • 重复的代码不写第二遍
  • 减少代码体积

做法

  • 桥接模式
  • 享元模式
  • 函数式编程
  • 低耦合,高内聚

4.可扩展性

是什么

  • 代码应对以后的变更,可以不用大规模的改动

目的

  • 增加新需求,不用变动现有结构
  • 增加新功能,最好只需要写新功能就好

做法

  • 留出扩展接口
  • 模块低耦合,高内聚
  • 良好的模块组织
  • 良好的扩展方案

你可能感兴趣的:(js进阶-学习,javascript,前端,开发语言)