JavaScript中使用独立函数相比callback回调函数效率更高还是更低？

结论先行 #

你给出的两个示例功能并不完全对等，单纯从当前两段代码的执行效率来看，你的替代写法确实有微乎其微的性能优势，但这个差异完全可以忽略，二者的核心差距是适用场景完全不同。

为什么你觉得替代写法更简单 #

你当前举的是同步、逻辑固定的极简场景，自然体现不出回调的价值，这种场景下确实没必要强行用回调。
回调的核心作用是解决两类场景的问题，你的替代写法无法覆盖：

• 异步执行场景：比如定时器、网络请求、文件读取这类你无法预知执行完成时间的操作，你没办法提前确定什么时候调用你的独立函数，把逻辑封装成回调传入异步方法，等操作完成后自动执行是最合理的方案。比如下面这个定时器场景，你就没办法用固定调用的写法实现：

// 3秒后打印问候语，用回调实现
function delayGreet(name, callback, delay) {
  setTimeout(() => {
    const greetMsg = callback(name)
    console.log(greetMsg)
  }, delay)
}

// 你可以任意定制延迟时间和问候逻辑
delayGreet('Adee', name => `Hello ${name}`, 3000)
delayGreet('Otana', name => `Welcome back, ${name}!`, 5000)

• 逻辑动态复用场景：回调可以让外层公共逻辑和内层定制逻辑分离。还是拿你写的callbackExample举例，如果我们要给这个方法加一层参数校验的逻辑，你用回调的写法只需要加一次：

function callbackExample(name, callback){
  // 公共逻辑：所有调用都要先走校验
  if (typeof name !== 'string' || name.trim() === '') {
    return console.log('名称不合法')
  }
  // 定制逻辑：不同调用传不同回调就行
  console.log(callback(name)); 
}

// 不同的定制逻辑，不用重复写校验
callbackExample('Adee Otana', function(name){
  return 'Hello ' + name; 
});
callbackExample('Adee Otana', function(name){
  return `Your name has ${name.length} characters`; 
});

要是用你写的独立函数方案，每新增一种问候逻辑，你都要重复写一遍参数校验的代码，冗余度会高很多。

关于性能的提醒 #

日常开发中完全没必要纠结这种级别的性能差异，这种执行效率的差别甚至比你多写了一行变量声明的影响还小，优先保证代码的可维护性、逻辑合理性才是正确的思路。

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