在JavaScript中，函数是一段可重复使用的代码块，它可以接收输入（参数），执行某些操作，并可能返回输出。以下是JavaScript函数的一些基本示例和详细说明：
1. 基本函数
javascript复制代码
function greet(name) { |
|
console.log('Hello, ' + name + '!'); |
|
} |
|
greet('Alice'); // 输出：Hello, Alice! |
2. 带返回值的函数
javascript复制代码
function add(a, b) { |
|
return a + b; |
|
} |
|
var sum = add(5, 3); // sum 的值为 8 |
|
console.log(sum); // 输出：8 |
3. 匿名函数
匿名函数是没有名字的函数，通常作为回调函数使用。
javascript复制代码
var greet = function(name) { |
|
console.log('Hello, ' + name + '!'); |
|
}; |
|
greet('Bob'); // 输出：Hello, Bob! |
4. 自执行函数
自执行函数会在定义后立即执行。
javascript复制代码
(function() { |
|
console.log('This function executes immediately.'); |
|
})(); |
|
// 输出：This function executes immediately. |
5. 箭头函数（ES6）
箭头函数提供了一种更简洁的函数语法。
javascript复制代码
const greet = (name) => { |
|
console.log('Hello, ' + name + '!'); |
|
}; |
|
greet('Charlie'); // 输出：Hello, Charlie! |
|
// 简洁写法（当函数体只有一条语句时） |
|
const add = (a, b) => a + b; |
|
var result = add(10, 5); // result 的值为 15 |
6. 函数作为参数传递
javascript复制代码
function performAction(action, value) { |
|
return action(value); |
|
} |
|
function double(x) { |
|
return x * 2; |
|
} |
|
var doubledValue = performAction(double, 10); // doubledValue 的值为 20 |
|
console.log(doubledValue); // 输出：20 |
7. 函数作为返回值
javascript复制代码
function createMultiplier(multiplier) { |
|
return function(x) { |
|
return x * multiplier; |
|
}; |
|
} |
|
var triple = createMultiplier(3); |
|
var tripleValue = triple(5); // tripleValue 的值为 15 |
|
console.log(tripleValue); // 输出：15 |
这些只是JavaScript函数的一些基本示例。JavaScript的函数功能非常强大，它们可以闭包、作为构造函数、生成器函数等。函数是JavaScript编程的基石之一，对于理解和学习JavaScript至关重要。
![[JS]同事：这次就算了，下班回去赶紧补补内置函数，再犯肯定被主管骂](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635463/20241109/c55917b4a28342b78633c9da58d86e30.png?x-oss-process=image/resize,h_160,m_lfit)
