web前端 - JavaScript 中一流函数的日常用例

什么是“一流函数”？

维基百科的定义：

在计算机科学中，如果一种编程语言将函数视为一等公民，那么它就被称为具有一等函数。这意味着该语言支持将函数作为参数传递给其他函数，将它们作为其他函数的值返回，并将它们分配给变量或将它们存储在数据结构中。

例如，在 JavaScript 中，我们可以将一个函数分配给一个变量。

var sum = function(a, b) {

return a + b;

}

var total = sum(10, 1);

如果我们是第一次阅读，这个定义会有点混乱。然而，事实是我们在不知情的情况下使用了它。

AddEventListener — 学习 JavaScript 的第一课

过去，引入 JavaScript 是为了向网站添加动态行为。例如，我们希望在用户单击按钮时更改文本。当有人学习 JavaScript 时，这是第一行代码。

The text will change when you click on the button

Click me!

在第 9 行，我们将函数作为参数传递给 addEventListener 方法。该功能与按钮的“单击”事件相关联。当事件被触发时，该函数将运行。

让我们好奇——第 1 部分

要了解该功能的作用，让我们考虑一下它不可用的语言。无论使用何种编程语言，添加动态行为在 UI 开发中都很常见。如果我们不能将函数作为参数传递怎么办？我期待您在留言区与我们分享您的看法。

发送 HTTP 请求——JavaScript 中的常见任务

我以Axios为例。它是最流行的用于发送 HTTP 请求的 JavaScript 库之一。在一个项目中，我们可能需要添加一些常用的配置。

例如，要将 JWT 发送到服务器，我们希望将标头 Authorization 添加到所有请求。因此，我们需要一个函数来抓取 JWT 并将其添加到标题中。

可以使用拦截器来完成。

// Add jwt to all requests using interceptors

axios.interceptors.request.use(function (config) {

const jwt = globalStore.getJWT(); // assume the token is saved in a global store.

config.headers[“Aut