使用命令对象代替switch语句的写法示例
更新时间：2015年02月28日 11:34:13 投稿：junjie
这篇文章主要介绍了使用命令对象代替switch语句的写法示例,JS规范里面是禁止使用switch语句的,使用命令对象可以完美的解决这个问题,需要的朋友可以参考下
曾经有人说过，真正好的程序是没有if..else的，当然switch还不如if..else。JS规范里面是禁止使用switch的。
命令对象(command object)就完美的解决了这个问题。
引用一篇国外的博客提到的：
JavaScript 有着良好的控制流程语句，这些语句往往用花括号包裹着。不过有个例外：switch … case 语句。switch … case 的奇怪之处在于你必须在每个 case 末尾加上关键字 break，以防止流程控制权穿越进入下一个 case 语句中。穿越是指让多条 case 执行的手法，当未遇见预期的 break 时，控制权就自动交到下一句 case 手中。然而，就如同分号与花括号一样，你很有可能会在不经意之间忘了写 break，当这发生时，后期的错误排查就比较痛苦，因为语句本身是没错的。因此，配对地写 case … break 是个好习惯。
我们通常讲，JavaScript 有着优雅的对象字面量与顶级函数，这些都使得特定的方法查询变的非常简单。为方法查询所创建的对象，我们称之为 活动对象(action object) 或 命令对象(command object)，它被运用在许多软件设计模式中，包括强大的而有用的命令模式。
实例：
复制代码 代码如下:
// switch 方法
function testSwitch(name) {
switch (name) {
case '1':
return 'hack';
break;
case '2':
return 'slash';
break;
case '3':
return 'run';
break;
default:
return false;
break;
}
}
// 使用命令对象
function testFn(name) {
var names = {
'1': function() {
return 'hack';
},
'2': function() {
return 'slash';
},
'3': function() {
return 'run';
}
};
if (typeof names[name] !== 'function') {
return false;
}
return names[name]();
}
// 测试结果
var result1 = testSwitch('1');
var result2 = testFn('2');
console.info(result1, result2);
相关文章
这篇文章主要为大家详细介绍了js实现滑动滑块验证登录，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
HTML中的setCapture和releaseCapture使用介绍
setCapture函数的作用就是将后续的mouse事件都发送给这个对象，releaseCapture就是将鼠标事件还回去，由 document、window、object之类的自行来处理。这样就保证了在拖动的过程中，不会由于经过了其它的元素而受到干扰2012-03-03
echarts是我们经常用到的数据可视化图形,但是后端反馈给我们的数据经常是数组包对象的集合类型,下面这篇文章主要给大家介绍了关于ECharts调用接口获取后端数据的四种方法,需要的朋友可以参考下2022-11-11
本文给大家介绍BootStrap3网格系统的相关知识，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-05-05
new大家肯定都不陌生，单身没有对象的时候就new一个，很方便。那么它在创建实例的时候，具体做了哪些操作呢？今天我们就来一起分析一下。2021-04-04
uniapp中使用 uni.navigateBack() 返回上级页面并传参的方法
最近遇到这样的需求在A页面中通过跳转到B页面,在B页面中处理的数据,需要跳转回A页面供其使用,本文给大家分享uniapp中使用 uni.navigateBack() 返回上级页面并传参的操作方法,感兴趣的朋友一起看看吧2023-10-10
很多朋友都在使用iframe中遇到过不能自动随页面伸缩，特别是动态读取页面的时候，会出现滚动条，影响美观，今天研究一下了，发现了一个简单解决的办法，可以在IE，FIREFOX，OPERA下使用2006-08-08
从网上看到一些使用js获取QueryString的方法，但用起来不是很理想，所以决定自己写一个。主要原理是使用正则表达式匹配location.search中的字符串。2010-02-02
最近在使用TS+Vue的开发模式，发现项目中大量使用了装饰器，看得我手足无措，今天特意研究一下实现原理，方便自己理解这块知识点，有需要的小伙伴也可以参考一下2022-10-10
这篇文章主要为大家详细介绍了js实现前端图片即时预览功能，本地预览功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
最新评论