[JavaScript]使用JavaScript如何switch-case

简介:

习惯了C#的语法,遇到多分支调用的情况,除了最简单的if-else,那么就是switch-case了,所以使用JavaScript的时候就很容易会写出下面这样的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// JScript source code
//something的值是1、2、3...
switch  (something) {
     case  1:
         todoA();
         break ;
     case  2:
         todoB();
         break ;
     case  3:
         todoC();
         break ;
     //...
}

这样的代码本身也没什么,只是可读性差一些,看起来有点费劲,JavaScript虽然支持switch-case,不过有一种更好的写法值得推广:

1
2
3
4
5
6
7
8
9
10
// JScript source code
//something的值是1、2、3...
var  cases = {
     1: todoA,
     2: todoB,
     3: todoC
};
if  (cases[something]) {
     cases[something]();
}

怎么样?帅吧!在JavaScript里,函数(todoA、todoB、todoC)就是对象,“()”的作用就是就是执行函数对象,二者简单地组合一下就能够让代码清晰简洁很多了,何乐不为呢?


本文转自Justin博客园博客,原文链接:http://www.cnblogs.com/justinw/archive/2010/03/13/1685021.html,如需转载请自行联系原作者

相关文章
|
7月前
|
JavaScript 前端开发 测试技术
JavaScript中的switch-case:与if-else比较
【4月更文挑战第7天】探索JavaScript中的switch-case语句,用于多分支选择,替代嵌套if-else。理解其概念、应用及与if-else的区别。示例展示如何根据数字显示星期和处理不同事件。注意使用break避免意外穿透,利用const或let声明局部变量。在适当场景下,switch-case提供更清晰的代码结构,但面对复杂逻辑,if-else可能是更好的选择。了解这些,能提升代码编写效率和可读性。
294 0
|
28天前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
25 1
JavaScript中的原型 保姆级文章一文搞懂
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
103 2
|
24天前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
17 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
146 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
89 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
79 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
99 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
89 3
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
72 3