`

javascript中替代switch的一个写法

 
阅读更多
javasscript中的SWITCH语句可以进行适当的改写:
var type = 'coke';
var drink;
switch (type) {
    case 'coke':
        drink = 'Coke';
        break;
    case 'pepsi':
        drink = 'Pepsi';
        break;
    default:
        drink = 'Unknown drink!';
}
console.log(drink); // 'Coke'


function getDrink(type) {
    var drinks = {
        'coke': function() {
            return 'Coke';
        },
        'pepsi': function() {
            return 'Pepsi';
        },
        'lemonade': function() {
            return 'Lemonade';
        },
        'default': function() {
            return 'Default item';
        }
    };
    return (drinks[type] || drinks['default'])();
}
// called with "dr pepper"
var drink = getDrink('dr pepper');
console.log(drink); // 'Default item'
分享到:
评论

相关推荐

    使用命令对象代替switch语句的写法示例

    在JavaScript中,我们可以创建一个对象,其中的属性是函数,每个函数对应于switch语句中的一个case。通过调用这个对象的属性,我们可以实现与switch语句相同的功能,但更安全、更易读。 下面是一个具体的示例,展示...

    JavaScript快速查询手册

    闭包是JavaScript中一个重要的概念,它允许函数访问并操作其外部作用域的变量,即使该函数在其外部作用域已经执行完毕。闭包常用于模块化、私有变量保护和数据封装。 **异步编程** JavaScript是单线程的,但通过...

    javascript源码大全

    原型链是JavaScript实现继承的方式,每个对象都有一个[[Prototype]]内部属性,通过`__proto__`或`Object.getPrototypeOf`访问。 4. **数组与数组方法**:JavaScript的数组包含一系列有序的值,提供了如push、pop、...

    javascript 学习资料

    原型是JavaScript实现继承的关键,每个对象都有一个__proto__属性指向它的构造函数的原型对象。 6. **数组与集合**:JavaScript的数组是一种特殊的对象,可以存储多个值。此外,Set和Map是ES6引入的新的数据结构,...

    jQuery.check:jQuery.check()模仿了switch的某些功能,但是它并不是100%等价的,例如,不支持多条件情况。 还有一个香草js版本可用

    为了弥补这一不足,社区开发了一个名为jQuery.check的插件,它为JavaScript提供了一种类似`switch`的语法糖,尽管它并不完全等同于原生的`switch`。 jQuery.check是基于jQuery库的一个扩展,它的核心思想是提供一个...

    今天是星期几的4种JS代码写法

    通过调用`new Date().getDay()`方法,我们能获取一个0到6之间的数字,其中0代表星期日,1代表星期一,以此类推。然后,我们通过一系列的条件判断语句来为变量`str`赋值相应的星期字符串。最后,我们使用`alert(str)`...

    详解用函数式编程对JavaScript进行断舍离

    4. 用函数式的写法替代switch语句。例如,可以使用Ramda库的cond函数来处理多条件分支,这使得代码更加模块化。 5. 使用纯函数,避免使用this关键字。在JavaScript中,this关键字是导致许多问题的源头。纯函数不...

    Javascript

    JavaScript,又被称为JS,是一种广泛应用于网页和...总的来说,JavaScript是Web开发不可或缺的一部分,无论是在前端还是后端,都有其不可替代的地位。深入理解和掌握JavaScript,对于成为一名全面的Web开发者至关重要。

    Javasvript帮助

    5. 数组:JavaScript数组是一种特殊的对象,可以存储多个值。数组方法如push、pop、shift、unshift、slice、splice等提供了丰富的操作。 6. 事件处理:JavaScript常用于网页交互,通过addEventListener和...

    aula_javascript:JavaScript简介

    JavaScript提供了`if...else`、`switch`语句进行条件判断,以及`for`、`while`、`do...while`循环结构。ES6引入了`for...of`循环遍历可迭代对象,如数组和Set。 ### 数组和对象 数组是有序的数据集合,可以使用...

    Coffeescript中文手册

    38. **使用Stitch打包**:Stitch是一个模块打包工具,可将CoffeeScript模块合并为单个JavaScript文件。 39. **JavaScript模板**:CoffeeScript可以配合模板引擎(如EJS、Jade等)编写动态HTML。 40. **附加-使用...

    if语句的优化

    例如,在JavaScript中,可以通过对象属性查找的方式来替代简单的`if-else`结构: ```javascript function getAttr(el, attrName) { var attr = {'for': 'htmlFor', 'class': 'className'}[attrName] || attrName; ...

    js代码优化的小示例

    本文将通过一个关于获取当前日期星期并转换为特定字符表示的例子来展示如何对JavaScript代码进行优化。 #### 原始代码 原始代码实现了一个功能:根据当前日期的星期几(0-6,分别代表周日到周六),将其转换为特定...

    VanillaJS:此存储库包含JavaScript的所有实践

    闭包是JavaScript中的一个高级概念,允许函数访问并操作其外部作用域的变量,即使在其外部函数已经执行完毕。 9. **原型与继承** JavaScript使用原型链实现对象的继承,`__proto__` 属性指向父对象,`Object....

    5.Vue3面试真题-44页.pdf

    `MoveMixin`中定义了一个响应式的`x`和`y`状态,以及一个`handleKeyup`方法来处理键盘事件。此外,还实现了`mounted`和`unmounted`生命周期钩子来添加和移除键盘事件监听器。 ```javascript export const ...

    js 代码优化点滴记录

    在进行JavaScript代码优化的过程中,我们遇到了一个常见的代码结构问题:频繁使用switch语句。在JavaScript编程中,switch语句是一种常用的多分支选择结构,用于基于不同的情况执行不同的代码块。但是,在某些情况下...

    JavaScript教程:JS中的命令和代码示例

    以上内容仅涵盖了JavaScript基础知识的一部分,实际应用中还有更多高级特性和框架,如闭包、原型链、类、模块系统、错误处理、正则表达式等。通过不断学习和实践,你可以进一步提升JavaScript技能,成为优秀的前端...

    常用API集合

    - **多重捕获(Multiple Catch)**:在一个`try-catch`语句中可以同时捕获多种异常。 - **文件系统API(NIO.2)**:提供了更丰富的文件操作功能,如`Files`类,支持异步I/O和路径操作。 - **开关表达式(Switch ...

    todo

    5. **闭包**:闭包是JavaScript中的一个高级概念,它允许内部函数访问并修改外部函数的变量,即使外部函数已经执行完毕。 6. **原型与原型链**:JavaScript对象有一个隐含的原型属性,通过__proto__(ES5)或Object...

Global site tag (gtag.js) - Google Analytics