如何在一行中将 iife oldways 函数转换为箭头函数

Question

你会如何转换：

(function(age) {return `your ${age}`;
})(10);

到箭头函数？我试过但没有用：

(const years = (age) => `your ${age}`)(10);

为什么不起作用，如果是因为 const？

还有一个例子，如果我做：

const marco= { name: 'marco ccc',
  say hi: function () {
  return 'something';
  }
}

如何将 sayHi 转换为箭头函数？

Answer 1

我在创建异步闭包时经常这样做，这样我就可以在非异步函数体内使用 await。它看起来像这样：

(async (arg1,arg2) => {
  console.log(arg1,arg2); // logs a,b
})('a','b');

这样我就不用创建const 然后调用它了：

const outerFunc = () => {

   // ... some code

   const innerFunc = async () => {
      // I can use await in here
   };
   innerFunc();
}

而我这样做：

const outerFunc = () => {

   // ... some code

   (async () => {
      // I can use await in here
   })();
}

要创建闭包，请省略异步部分

((...args) => console.log(...args))('a','b');

编辑：如果您仔细查看上面的内容，您会发现它实际上缩短为

(console.log)('a','b')

Answer 2

表达式被分配给变量。箭头函数一般由两部分组成：被赋值的变量和函数体，例如：

const foo = () => { ... }
// ^ variable
            ^^^^ function body

变量的初始化只能作为一个语句，在一个独立的行上进行； const 不能在括号内。您只需要将返回值分配给的变量（函数体和函数的调用）分开：

const years = ((age) => `your ${age}`)(10);
//             ^^^^^^^^^^^^^^^^^^^^^^
//             this is the function body
//             that needs to be invoked immediately
//                                     ^^ with the (10)
//    ^^^^^    with the result assigned to `years`
console.log(years);

在一个对象中，只需将function() 替换为() =>（并注意say hi 不是对象字面量中的有效对象属性 - 要么将其括在引号中，要么使用单个单词）：

const marco = {
  name: 'marco ccc',
  sayHi: () => {
    return 'something';
  }
};

console.log(marco.sayHi());

Answer 3

所以基本上我想转换这两个函数（旧版本）：

(function(age) {return `your ${age}`;
})(10);

和

const marco= { name: 'marco ccc',
  say hi: function () {
  return 'something';
  }
}

console.log(marco.sayHi());

分别转换为：

((age) => your age is ${age})(10);

和

const marco= { name: 'marco ccc', sayHi: () => {} }

但除此之外，我还试图了解 IIFE 的好处，例如：

const years = ((age) => your ${age})(10); 

比类似的版本更短：

const years = (age) => your ${age}; 
const whatever = years(10); 
console.log(whatever);