javascript - JavaScript iifes(立即调用的函数表达式)是否仍然相关？

Question

<分区>

Answer 1

普通 block 无法实现的 IIFE 的一个好处是能够将其输出分配给 const。例如:

const output = (() => {
  // some calculations that take a few lines
  const now = new Date();
  return now.getMinutes() + ':' + now.getSeconds();
})();
console.log(output);

假设我们想在 IIFE 中包含 now 变量，因为它只与计算 output 相关，其他任何地方都不需要。如果为此目的使用普通 block ，则只有在 output 声明为 let 而不是 const 时才有可能:

let output;
{
  // some calculations that take a few lines
  const now = new Date();
  output = now.getMinutes() + ':' + now.getSeconds();
}
console.log(output);

因为 const 显着提高了代码的可读性(在我看来)，这可以说是更喜欢 IIFE 而不是普通 block 的潜在原因，当然代码风格不同。

就是说，如果要extract till you drop ，有些人可能会说要避免 IIFE 并声明一个独立的函数，然后可以导入和调用它:

function getTimeStr() {
  const now = new Date();
  return now.getMinutes() + ':' + now.getSeconds();
}

// another file:
// import getTimeStr from './getTimeStr';
const output = getTimeStr();
console.log(output);

在上面的代码片段中，与 ES6 使用普通 block 的能力相比，使用 Webpack(或者，也许是 ES6 模块)等现代代码 bundler 可能对减少 IIFE 的使用产生更大的影响。这取决于人们喜欢的编码风格，但使用 IIFE 肯定是一个可能的选择。