如何解决Javascript:最佳且干净的编写函数和条件检查方式的最佳实践
我一直在寻找用于干净和优化代码的javaScript最佳实践,但是我不确定哪种方法最适合我的情况。为了清楚起见,我编辑了代码,其中包含伪代码。
- 编写嵌套函数
我想在页面加载后做一些事情,所以我写了一些在页面加载后执行的代码。因此,我已经定义了此load函数中的所有函数。运行正常。
window.addEventListener('load',function() {
var conditionOne = true;
if(conditionOne) {
firstFunction();
}
function firstFunction() {
console.log('running first function');
secondFunction();
}
function secondFunction() {
console.log('running second function');
}
//
//
//
function tenthFunction() {
console.log('running tenth function');
}
});
替代方式如下:
window.addEventListener('load',function() {
var conditionOne = true;
if(conditionOne) {
firstFunction();
}
});
function firstFunction() {
console.log('running first function');
secondFunction();
}
function secondFunction() {
console.log('running second function');
}
//
//
//
function tenthFunction() {
console.log('running tenth function');
}
这肯定更干净,因为功能是分开的,并且仅在after load listener事件中调用它们。这是否也可以优化性能?我相信第二个是在这种情况下最优化的。如果还有其他更好的方法,请纠正我。
- 在执行功能之前进行条件检查。
假设执行该功能之前需要进行条件检查,我想到了两种方法。
第一
function mainFunction() {
if(conditionOne) {
firstFunction();
}
secondFunction();
if(conditionThree) {
thirdFunction();
}
}
function firstFunction() {
console.log('running first function');
}
function secondFunction() {
console.log('running second function');
}
function thirdFunction() {
console.log('running first function');
}
第二
function mainFunction() {
firstFunction();
secondFunction();
thirdFunction();
}
function firstFunction() {
if(conditionOne) {
console.log('running first function');
}
}
function secondFunction() {
console.log('running second function');
}
function thirdFunction() {
if(conditionThree) {
console.log('running first function');
}
}
第二个看起来像干净的代码,但是我不确定它是否昂贵,谁能建议这是一种更好和优化的方法。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。