星途面试题库

面试题：JavaScript函数定义表达式的常见使用场景举例

请列举至少3个JavaScript函数定义表达式的常见使用场景，并针对每个场景给出简单示例代码。

29.8万热度

难度

编程语言JavaScript

知识考点

AI 面试

面试题答案

作为回调函数：常用于数组的遍历方法中。

const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum);

事件处理：为HTML元素添加事件监听时使用。

<!DOCTYPE html>
<html>

<body>
  <button id="myButton">点击我</button>
  <script>
    const button = document.getElementById('myButton');
    button.addEventListener('click', function () {
      console.log('按钮被点击了');
    });
  </script>
</body>

</html>

立即执行函数表达式（IIFE）：创建一个独立的作用域，避免变量污染全局作用域。

const result = (function () {
  let a = 5;
  let b = 3;
  return a + b;
})();
console.log(result);

封装模块：通过函数表达式创建一个模块，返回一个包含公开方法的对象。

const myModule = (function () {
  let privateVariable = '这是一个私有变量';
  function privateFunction() {
    console.log('这是一个私有函数');
  }
  return {
    publicMethod: function () {
      console.log('这是一个公开方法');
      privateFunction();
      console.log(privateVariable);
    }
  };
})();
myModule.publicMethod();