JavaScript：第二个operate函数返回undefined的原因求解

有人能帮我理解为什么第一个operate函数可以正常运行，而第二个函数却返回undefined吗？我十分困惑第二种写法为何无法生效，按逻辑当匹配到switch的case分支时，它应该执行并返回对应的add/subtract/multiply/divide函数的计算结果才对，感谢解答！

可正常运行的代码 #

//Add function
let add = (a, b) => a + b;

//Subtract function
let subtract = (a, b) => a - b;

//Multiply function
let multiply = (a, b) => a * b;

//Divide function
let divide = (a, b) => a / b;

// Variables to represent number, operator, number
let number1st;
let number2nd;
let operator;

// Operate function
let operate = function (op, a, b) {
    switch (op) {
        case 'add':
            op = add;
            break;
        case 'subtract': 
            op = subtract;
            break;
        case 'multiply':
            op = multiply;
            break;
        case 'divide':
            op = divide;
            break;
    }
    op (a, b);
}

无法正常运行的代码 #

let operate = function (op, a, b) {
     switch (op) {
        case 'add':
            add (a, b);
            break;
        case 'subtract': 
            subtract (a, b);
            break;
        case 'multiply':
            multiply (a, b);
            break;
        case 'divide':
            divide (a, b);
            break;
    }
}

原因分析 #

1. 第一个函数并非真正“正常返回结果”：它只是执行了op(a, b)的计算操作，但没有用return把结果传递给调用者，本质上也会返回undefined，你可能只是没注意到返回值，误以为它正常运行。
2. 第二个函数的核心问题：在switch的每个case分支里，你调用了add(a,b)这类计算函数，但没有通过return把计算结果向上传递。整个operate函数没有任何return语句，JavaScript会默认返回undefined。

修正方案 #

方案1：给每个case添加return #

let operate = function (op, a, b) {
     switch (op) {
        case 'add':
            return add(a, b);
        case 'subtract': 
            return subtract(a, b);
        case 'multiply':
            return multiply(a, b);
        case 'divide':
            return divide(a, b);
        default:
            return undefined; // 处理未知操作符的情况
    }
}

方案2：优化第一个函数，补充return #

如果要让第一个函数真正返回计算结果，需要在最后一行添加return：

let operate = function (op, a, b) {
    switch (op) {
        case 'add':
            op = add;
            break;
        case 'subtract': 
            op = subtract;
            break;
        case 'multiply':
            op = multiply;
            break;
        case 'divide':
            op = divide;
            break;
        default:
            return undefined;
    }
    return op(a, b); // 添加return传递结果
}

更简洁的写法（可选） #

用对象映射替代switch，代码更简洁易维护：

const opsMap = {
    add,
    subtract,
    multiply,
    divide
};

let operate = function(op, a, b) {
    return opsMap[op]?.(a, b); // 可选链避免未知操作符导致的报错
}

内容的提问来源于stack exchange，提问作者DKXP