迹忆客 专注技术分享

本教程重点介绍了在 JavaScript 中创建 noop 函数的各种方法。noop（也称为 no operation）功能什么也不做；这对编写插件和执行可选回调的作者非常有益。

在 JavaScript 中创建 Noop 函数的不同方法

要创建一个 noop 函数，我们可以使用 Function.Prototype、_.noop()、$.noop()、空匿名函数和空箭头函数来利用 noop 函数。

让我们通过生成随机布尔值来一一探索。如果它是 true，则在控制台上打印它；否则，它不执行任何操作。

在 JavaScript 中使用 Function.prototype 创建 Noop 函数

示例代码：

var ranBoolVal = Math.random() < 0.5;

if (ranBoolVal)
  console.log(ranBoolVal)
  else Function.prototype;

在这里，Function.prototype 用作 noop 函数。Function.prototype 也是一个可以使用 typeof 检查的函数。

在 JavaScript 中使用空匿名函数创建 Noop 函数

示例代码：

var ranBoolVal = Math.random() < 0.5;

if (ranBoolVal) {
  console.log(ranBoolVal)
} else {
  const noop = function() {};
}

在这里，空匿名函数就像一个 noop 函数。我们也可以替换语句 const noop = function () {}; else 部分与 function noop() {} 获得相同的效果。

在 JavaScript 中使用空箭头函数创建 Noop 函数

示例代码：

var ranBoolVal = Math.random() < 0.5;

if (ranBoolVal) {
  console.log(ranBoolVal)
} else {
  const noop = () => {};
}

在 JavaScript 中使用 _.noop() 创建 Noop 函数

示例代码：

var ranBoolVal = Math.random() < 0.5;

if (ranBoolVal)
  console.log(ranBoolVal)
  else console.log(_.noop());

我们正在使用 Underscore.js 库中的 _.noop()。_.noop() 返回 undefined，不管传递的参数如何，它什么都不做。

请参阅以下示例。

var ranBoolVal = Math.random() < 0.5;

if (ranBoolVal)
  console.log(ranBoolVal)
  else console.log(_.noop(3 + 4));

在 JavaScript 中使用 $.noop() 创建 Noop 函数

示例代码：

var ranBoolVal = Math.random() < 0.5;

if (ranBoolVal)
  console.log(ranBoolVal)
  else console.log($.noop());

我们使用 jQuery 的函数 noop()，它不接受任何参数并返回 undefined。