接受回调函数的函数

直接上代码

const oneWord = function (str) {
  return str.replace(/ /g, '').toLowerCase();
};

const upperFirstWorld = function (str) {
  const [first, ...others] = str.split(' ');
  return [first.toUpperCase(), ...others].join(' ');
};

// 高阶函数
const transformer = function (str, fn) {
  console.log(`Original string: ${str}`);
  console.log(`Transformed string: ${fn(str)}`);
  console.log(`Transformed by: ${fn.name}`);
};

transformer('JavaScript is the best!', upperFirstWorld);

代码解释

1. const oneWord = function (str) { … }: 这是一个函数声明，它将一个字符串作为参数，并返回一个去除空格并转换为小写的新字符串。它使用了正则表达式和字符串方法来实现。
2. const upperFirstWorld = function (str) { … }: 这也是一个函数声明，它将一个字符串作为参数，并返回一个将第一个单词转换为大写的新字符串。它使用了字符串的split和join方法来实现。
3. const transformer = function (str, fn) { … }: 这是一个高阶函数，它接受一个字符串和一个函数作为参数，并在控制台中打印原始字符串、转换后的字符串和使用的转换函数的名称。
4. transformer(‘JavaScript is the best!’, upperFirstWorld);: 这是一个函数调用，它将字符串 ‘JavaScript is the best!’ 和函数 upperFirstWorld 作为参数传递给 transformer 函数。这将打印出原始字符串、转换后的字符串和使用的转换函数的名称。

下一个简单的例子

const high5 = function () {
  console.log('😜');
};

document.body.addEventListener('click', high5);

点击之后就会调用函数