在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至关重要。