JavaScript 中的 Noop 函式

Mehvish Ashiq 2023年10月12日
  1. 在 JavaScript 中建立 Noop 函式的不同方法
  2. 在 JavaScript 中使用 Function.prototype 建立 Noop 函式
  3. 在 JavaScript 中使用空匿名函式建立 Noop 函式
  4. 在 JavaScript 中使用空箭頭函式建立 Noop 函式
  5. 在 JavaScript 中使用 _.noop() 建立 Noop 函式
  6. 在 JavaScript 中使用 $.noop() 建立 Noop 函式
JavaScript 中的 Noop 函式

本教程重點介紹了在 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

作者: Mehvish Ashiq
Mehvish Ashiq avatar Mehvish Ashiq avatar

Mehvish Ashiq is a former Java Programmer and a Data Science enthusiast who leverages her expertise to help others to learn and grow by creating interesting, useful, and reader-friendly content in Computer Programming, Data Science, and Technology.

LinkedIn GitHub Facebook

相關文章 - JavaScript Function