JavaScript 头等函数，frist class function

标签

HTML

正则表达式

Json

包管理工具

vite

CSS

XPath

JavaScript

Jquery

less

ES6

Vue

React

Layui

editor.md

sea.js

Zepto.js

mysql.js

mssql.js

NodeJs

Express

前端template

YAML

杂项

外部链接

JavaScript 头等函数

[TOC]

## 概述

**Q：**什么是头等函数

**A：**头等函数（Frist Class Function）是指在一些程序设计语言中，函数的地位被当作“头号公民”，例如 JavaScript ，函数可以和变量一样使用，函数可以当作参数传递，也可以当作另一个函数的返回结果，还可以将函数赋值给一个变量

> **将函数赋值给变量示例：**
> ```JS
var boo = function helloWorld(){
    console.log("hello world")
}
boo(); // 变量调用
// 输出：hello world
```

> **将函数当作参数传递给另一个函数示例：**

> + 常规传递

> ```JS
function helloWorld() {
    return "hello world";
}
function consoleInfo(fun, flag) {
    console.log(fun() + flag);
}
consoleInfo(helloWorld, ".")
// 输出：hello world.
```
> + 带参的箭头函数

> ```JS
function consoleInfo(fun, flag) {
    console.log(fun(flag));
}
consoleInfo((txt) => {
    return "hello world" + txt;
}, ".")
// 输出：hello world.
```

> **将函数作为返回结果示例：**

> + 使用双括号()()调用

>```JS
function helloWorld(){
    return function(){
        console.log("hello world")
    }
}
helloWorld()();
// 输出：hello world
```

> + 使用变量调用

>```JS
var helloWorld = function(){
    return function(){
        console.log("hello world")
    }
}
var consoleInfo = helloWorld();
consoleInfo();
// 输出：hello world
```
***