返回
函数——Javascript基础篇
前端
2023-10-06 16:33:47
函数是JavaScript的基础,它是程序代码的封装,可以重复利用,提高代码的可重用性和维护性。
1. 函数的声明
函数的声明方式有两种:函数声明和函数表达式。
- 函数声明 :这种方式需要使用function声明,一般用于声明全局函数。
function myFunction() {
// 函数体
}
- 函数表达式 :这种方式使用let或const关键字声明,一般用于声明局部函数。
const myFunction = function() {
// 函数体
};
2. 变量提升
变量提升是指在执行JavaScript代码时,所有变量都会被提升到代码的顶部,并初始化为undefined。这意味着变量可以在声明之前使用,但不能在声明之前赋值。
3. 函数参数
函数参数是函数接收的数据,它可以在函数体内部使用。参数在函数声明或函数表达式中指定,使用逗号分隔。
function myFunction(param1, param2) {
// 函数体
}
在调用函数时,需要传递实参与形参一一对应。
4. 函数调用
函数调用是指执行函数的过程,通过在函数名后加一对圆括号来实现。
myFunction();
5. 高阶函数
高阶函数是指可以接收函数作为参数,或者返回函数的函数。JavaScript中的高阶函数有map、filter、reduce等。
const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map((number) => number * 2);
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
6. 函数返回值
函数返回值是指函数执行后返回的数据,它可以在函数调用时使用。函数返回值使用return关键字指定。
function sum(a, b) {
return a + b;
}
const result = sum(1, 2);
console.log(result); // 3
7. 闭包
闭包是指可以在函数内部访问外部变量的函数。闭包可以通过在函数内部声明内部函数实现。
function outerFunction() {
let outerVariable = 10;
function innerFunction() {
console.log(outerVariable); // 10
}
return innerFunction;
}
const innerFunction = outerFunction();
innerFunction();
闭包可以实现数据封装和信息隐藏,从而提高代码的可维护性和安全性。