返回

函数——Javascript基础篇

前端

函数是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();

闭包可以实现数据封装和信息隐藏,从而提高代码的可维护性和安全性。