JavaScript 函数综合指南

JavaScript 中的函数

这是 JavaScript 函数的综合指南和示例：

---

1.什么是函数？

函数是旨在执行特定任务的可重用代码块。它在被调用时执行。

语法：

function functionName(parameters) {
  // Code to execute
}

示例：

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Alice"); // Output: Hello, Alice!

---

2. JavaScript 中的函数类型

A.函数声明

使用 function 关键字声明的函数。

示例：

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // Output: 5

---

B.函数表达式

函数也可以存储在变量中。

示例：

const multiply = function (a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // Output: 6

---

C.箭头函数 (ES6)

编写函数的简洁语法。

语法：

const functionName = (parameters) => {
  // Code to execute
};

示例：

const subtract = (a, b) => a - b;
console.log(subtract(5, 3)); // Output: 2

---

D.匿名函数

没有名称的函数，通常用作回调。

示例：

setTimeout(function () {
  console.log("This runs after 2 seconds");
}, 2000);

---

E.立即调用函数表达式 (IIFE)

定义后立即运行的函数。

示例：

(function () {
  console.log("IIFE is executed immediately!");
})();

---

3.参数和参数

• 参数：函数定义中定义的变量。
• 参数：调用函数时传递的值。

示例：

function greet(name, age) {
  console.log(`Hi ${name}, you are ${age} years old.`);
}
greet("Bob", 25); // Output: Hi Bob, you are 25 years old.

---

4.默认参数

如果没有传递参数，则提供参数的默认值。

示例：

function sayHello(name = "Guest") {
  console.log(`Hello, ${name}!`);
}
sayHello(); // Output: Hello, Guest!

---

5.其余参数

用于将不定数量的参数作为数组处理。

示例：

function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4)); // Output: 10

---

6.退货声明

函数可以使用 return 语句返回一个值。

示例：

function square(num) {
  return num * num;
}
console.log(square(4)); // Output: 16

---

7.回调函数

一个函数作为参数传递给另一个函数并稍后执行。

示例：

function processUserInput(callback) {
  const name = "Charlie";
  callback(name);
}
processUserInput((name) => {
  console.log(`Hello, ${name}!`);
});
// Output: Hello, Charlie!

---

8.高阶函数

接受其他函数作为参数或返回函数的函数。

示例：

function functionName(parameters) {
  // Code to execute
}

---

9.关闭

闭包是一个即使在外部函数执行完毕后仍会记住其外部变量的函数。

示例：

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Alice"); // Output: Hello, Alice!

---

10。功能范围

函数有自己的局部作用域。

示例：

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // Output: 5

---

11。递归

调用自身的函数。

示例：

const multiply = function (a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // Output: 6

---

12。纯函数

纯函数对于相同的输入产生相同的输出，并且没有副作用。

示例：

const functionName = (parameters) => {
  // Code to execute
};

---

嗨，我是 Abhay Singh Kathayat！
我是一名全栈开发人员，拥有前端和后端技术方面的专业知识。我使用各种编程语言和框架来构建高效、可扩展且用户友好的应用程序。
请随时通过我的商务电子邮件与我联系：kaashshorts28@gmail.com。

以上是JavaScript 函数综合指南的详细内容。更多信息请关注PHP中文网其他相关文章！