JavaScript - 惰性函数 - StoneLeaves 博客

286 字

1 分钟

JavaScript - 惰性函数

2026-03-20

JavaScript

/

实用

定义:

一种优化模式，它在第一次调用后重新定义自己，后续调用直接返回第一次计算的结果，避免重复执行相同的逻辑。

实例：

在这里我们举出一个很常见的例子：复制文本

1
function copyText(text) {
2
  if (navigator.clipboard) {
3
    navigator.clipboard.writeText(text);
4
  } else {
5
    const input = document.createElement('input');
6
    input.setAttribute('value', text);
7
    document.body.appendChild(input);
8
    input.select();
9
    document.execCommand('copy');
10
    document.body.removeChild(input);
11
  }
12
}

这是一个很常见的复制文本的函数，首先在进入函数时，判断浏览器是否支持Navigator Clipboard API，如果支持就执行此套API，如果不支持就执行传统复制方法

这只是一个很简单的例子，功能正常。但思考一下，有必要每次执行函数时都判断一次？

对于同一个浏览器，怎么可能一会支持新API，一会不支持API。

所以这个函数应该被确定下来，而不是每次都判断。

使用惰性函数：

1
function copyText(text) {
2
  if (navigator.clipboard) {
3
    copyText = (text) => {
4
      navigator.clipboard.writeText(text);
5
    };
6
  } else {
7
    copyText = (text) => {
8
      const input = document.createElement('input');
9
      input.setAttribute('value', text);
10
      document.body.appendChild(input);
11
      input.select();
12
      document.execCommand('copy');
13
      document.body.removeChild(input);
14
    };
15
  }
16

17
  copyText(text);
18
}