前端开发必备-JS函数应用进阶

前端

2023-09-17 08:32:29

JS函数，作为前端开发中最为基础的概念之一，具有至关重要的作用。函数的运用，使得开发者能够将代码逻辑合理地组织和封装，从而使得代码更加清晰易懂。在学习JS函数的进阶应用之前，我们首先需要了解局部变量和外部变量的概念。

局部变量与外部变量

局部变量： 是在函数内部声明的变量，仅在该函数内有效，函数执行完毕后将被销毁。

外部变量： 是在函数外部声明的变量，可以在函数内部访问，函数执行完毕后仍继续存在。

在函数内部，如果同时存在局部变量和外部变量，并且局部变量和外部变量同名，那么在函数内部将优先使用局部变量，而不会访问外部变量。

外部变量的使用和修改

外部变量仅在没有局部变量时才可以使用。当函数内部存在与外部变量同名的局部变量时，外部变量将无法被访问。

如果函数内部需要修改外部变量，那么可以使用var显式声明局部变量，并且将其赋值为外部变量。这样，函数内部就可以修改局部变量，从而实现对外部变量的修改。

举例说明

// 外部变量
var global_var = 10;

// 函数
function test() {
  // 局部变量
  var local_var = 20;

  // 访问外部变量
  console.log(global_var); // 10

  // 修改外部变量
  global_var = 30;

  // 访问外部变量
  console.log(global_var); // 30
}

// 调用函数
test();

// 访问外部变量
console.log(global_var); // 30