JavaScript“尽快失败”的原则实例详解
更新时间：2016年10月08日 10:10:45 作者：画个女孩陪着我
我第一次听说编码原则中有“尽快失败”这一条时，觉得很奇怪，为什么代码要失败？应该成功才对呀。下面小编通过实例代码给大家介绍js 尽快失败的原则，一起看看吧
我第一次听说编码原则中有“尽快失败”这一条时，觉得很奇怪，为什么代码要失败？应该成功才对呀。但事实上，当代码在遇到错误的时候应该尽快的终止。为了检测各种状态，我们需要频繁的创建if语句与条件分支，而这些条件检测的结果不是成功就是失败（true&&false）。之所以会有这么多的条件检测语句，是因为如果不在构建过程中植入这些监测点（checkpoint），那么浏览器内核会执行很多无用的代码，并占用许多宝贵的CPU性能和处理时间，拖慢网站加载速度。
根据那些判断结果为false的检测语句块放置位置的不同，有些情况下，一旦发生错误就迅速中止，而另外一些情况下则会在执行了很长一段时间的无用代码后才终止。如果我们在遍历数组之前先检测其长度，或是在处理DOM时先看看有没有我们需要的class属性，那么就可以在不满足条件时立刻中止代码的执行。因为遍历数组信息与解析DOM都是相当耗时的工作，所以最好是在执行这些任务之前先检测一下，在满足于执行条件时及早终止。正是基于上述原因，所以我才要提倡那种“尽快失败”的代码。
这是我的示例代码：
//创建在遇到错误时尽快终止的代码
(function Salad(totalSlices,peopleCount){ //我要创建一个沙拉函数，用来返回派对需要的总沙拉数量
"use strict";
var fairness = totalSlices * peopleCount;
return fairness;
})();
(function () {
"use strict";
var body = document.getElementsByTagName("body")[0],
//我在此闭包函数中建立了一些变量，并将其传入salad函数以供计算
partyStarter = "starlen",
peopleCount = 18,
Salad = 6,
sliceCount = Salad * 3;
if(peopleCount > 0 && Salad >0){
//先检测一下我们的派对有没有人或沙拉，避免js消耗不必要的计算性能
body.innerHTML += " '<p>'"+ partyStarter +","+ Salad(peopleCount,Salad) +" '</p>' "
} else {
body.innerHTML += "<p>参加聚会的人数或沙拉果盘不足！</p>"
}
})();
在输出某些变量信息之前，我们首先检查确保这些变量信息是否保存于内存之中或者某些数组内的变量是否大于0，从而回避那些不需要执行那些计算代码了。这是在日常的开发工作中基础且重要的易引发性能的问题，所以要重视。
以上所述是小编给大家介绍的JavaScript“尽快失败”的原则实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
ES6中引入了迭代器与可迭代对象的概念，并且提供了对可迭代对象的相关支持，如for...of循环，Map(iterable)构造器，展开语法...等。让我们对数组外的数据集合的遍历操作也得到极大简化2022-06-06
javascript与CSS复习（《精通javascript》）
js和css结合来产生醒目的交互效果，我们可以快速的访问元素自身的样式属性2010-06-06
下面小编就为大家带来一篇js判断复选框是否选中及选中个数的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了JavaScript RegExp 对象用法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了JavaScript 判断数据类型的4种方法，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下2020-09-09
这篇文章主要介绍了JavaScript通过代码调用Flash显示的方法,实例分析了JavaScript通过flash插件swfobject.js调用flash显示的具体操作技巧,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了jQuery获取随机颜色的实例代码,非常不错，具有一定的参考借鉴价值，感兴趣的朋友跟随脚本之家小编来学习吧2018-05-05
javascript ES6 Template String模板字符串使用方法
这篇文章主要介绍了javascript ES6 模板字符串(Template String)是增强版的字符串，用反引号(`)标识，它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量,需要的朋友可以参考下2023-06-06
这篇文章主要为大家详细解析了bootstrap按钮插件Button使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了js 数据类型判断的方法，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2020-12-12
最新评论