From f8e97243b30a252374ca905ebba5284da974d6d5 Mon Sep 17 00:00:00 2001
From: Xicheng Guo <xicheng_guo@wistron.com>
Date: Mon, 13 May 2024 14:02:38 +0800
Subject: [PATCH] update function

---
 src/.vitepress/sidebar.yaml                   |  4 ++
 src/index.md                                  |  2 +
 .../ecma-script/function/define-function.md   | 65 +++++++++++++++++++
 3 files changed, 71 insertions(+)
 create mode 100644 src/javascript/ecma-script/function/define-function.md

diff --git a/src/.vitepress/sidebar.yaml b/src/.vitepress/sidebar.yaml
index 0ddffe9..8f550f6 100644
--- a/src/.vitepress/sidebar.yaml
+++ b/src/.vitepress/sidebar.yaml
@@ -47,6 +47,10 @@
         link: /javascript/ecma-script/generator
       - text: JSON
         link: /javascript/ecma-script/json
+      - text: 函数
+        items:
+          - text: 定义函数
+            link: /javascript/ecma-script/function/define-function
   - text: BOM
     base: /javascript/bom
     items:
diff --git a/src/index.md b/src/index.md
index 958ebce..0a5efe0 100644
--- a/src/index.md
+++ b/src/index.md
@@ -33,6 +33,8 @@ import MarkMap from './MarkMap.vue';
         - [迭代器](javascript/ecma-script/iterator)
         - [生成器](javascript/ecma-script/generator)
         - [JSON](javascript/ecma-script/json)
+        - 函数
+          - [定义函数](javascript/ecma-script/function/define-function)
       - BOM
         - [screen](javascript/bom/screen)
   - 前端
diff --git a/src/javascript/ecma-script/function/define-function.md b/src/javascript/ecma-script/function/define-function.md
new file mode 100644
index 0000000..c6671d2
--- /dev/null
+++ b/src/javascript/ecma-script/function/define-function.md
@@ -0,0 +1,65 @@
+# 定义函数
+
+## 函数声明
+
+函数声明会在执行前被提升到作用域的顶部，因此可以在声明之前调用函数。
+
+```js
+function functionName(arg1, arg2, ...argN) {
+  // 函数体
+}
+```
+
+## 函数表达式
+
+函数表达式通常被赋值给一个变量，这种方式的函数不会被提升，因此无法在声明之前调用函数。
+
+```js
+const functionName = function (arg1, arg2, ...argN) {
+  // 函数体
+};
+```
+
+## 箭头函数
+
+箭头函数是 ES6 新增的函数语法，它的特点是没有自己的 `this`，`arguments`，`super` 或 `new.target`，这些值由外围最近一层非箭头函数决定。
+
+```js
+const functionName = (arg1, arg2, ...argN) => {
+  // 函数体
+};
+```
+
+## 即时调用函数
+
+即时调用函数是在声明后立即调用的函数。
+
+```js
+(function () {
+  // 函数体
+})();
+```
+
+## Generator 函数
+
+Generator 函数是 ES6 新增的函数语法，它可以通过 `yield` 关键字暂停和恢复函数的执行。
+
+```js
+function* functionName() {
+  let id = 0;
+  while (true) {
+    yield id++;
+  }
+}
+```
+
+## 异步函数
+
+异步函数是 ES8 新增的函数语法，它可以通过 `await` 关键字等待异步操作的结果。
+
+```js
+async function functionName() {
+  const data = await fetch("https://api.example.com");
+  return data.json();
+}
+```