前端每日一练：实现一个 once 函数，传入函数参数只执行一次​

有时候我们需要确保一个函数只被执行一次。例如，当我们只想在特定条件下执行某个操作时。在这种情况下，可以使用 once 函数来确保函数只被调用一次。本文将介绍如何使用 once 函数以及它的使用示例。

1. once 函数的实现

首先，让我们看一下 once 函数的实现方式

function once(fn) {
  let called = false; // 用来记录函数是否已经被调用过

  return function (...args) {
    if (!called) {
      called = true;
      return fn(...args);
    }
  };
}

once 函数接受一个函数作为参数，并返回一个新的函数。新函数内部使用了一个闭包来保存一个标志位 called，用于记录函数是否已经被调用过。如果函数尚未被调用过，则将标志位设置为 true，并调用原始函数；否则直接返回，不再执行原始函数。

2. 使用示例

接下来，让我们看一下如何使用 once 函数来确保某个函数只被执行一次。

const doSomethingOnce = once(function () {
  console.log("This will only be executed once.");
});

doSomethingOnce(); // 打印 "This will only be executed once."
doSomethingOnce(); // 这次不会执行

在这个示例中，我们定义了一个 doSomethingOnce 函数，并使用 once 函数对其进行包装。当我们第一次调用 doSomethingOnce 函数时，会执行内部的打印操作；但是当我们再次调用 doSomethingOnce 函数时，由于该函数已经被调用过，所以内部的打印操作不会再次执行。

3. 注意事项

• 使用 once 函数可以确保某个函数只被执行一次，避免重复执行带来的副作用。
• 在包装需要执行一次的函数时，可以使用 once 函数，简化代码逻辑，提高代码可读性。

通过本文的介绍，你现在应该了解了如何使用 once 函数确保某个函数只被执行一次，并在实际项目中应用它。