Javascript执行过程与函数

Javascript是一门脚本语言，它在浏览器中执行，通常用于增强Web页面的交互性。Javascript的执行过程可以分为三个阶段：解析、编译和执行。

解析

在解析阶段，Javascript引擎会对代码进行语法分析，检查语法是否正确。如果发现语法错误，Javascript引擎会抛出异常。如果语法正确，Javascript引擎会生成一个抽象语法树(AST)。

编译

在编译阶段，Javascript引擎会将AST转换为字节码，然后再将字节码转换为机器码。这个过程被称为即时编译(Just-in-time compilation，JIT)。JIT编译的好处是可以优化代码执行，提高代码的性能。

执行

在执行阶段，Javascript引擎会执行机器码，并将结果返回给浏览器。在执行过程中，Javascript引擎会创建一个执行环境(execution context)，它包含了变量、函数、作用域等信息。每个执行环境都有一个与之关联的作用域链(scope chain)。作用域链是一个指向父级执行环境的链表，它用于查找变量和函数。当一个变量或函数在当前执行环境中没有找到时，Javascript引擎会沿着作用域链向上查找，直到找到为止。

函数

函数是Javascript中的一等公民。Javascript中的函数有很多特性，如：函数可以被赋值给变量、函数可以作为参数传递给其他函数、函数可以返回函数等。Javascript中的函数也是对象，它们可以有属性和方法。

函数定义

在Javascript中，有多种方式定义函数。最常见的方式是使用函数声明和函数表达式。

函数声明

函数声明的语法如下：

function functionName(arg1, arg2, ..., argN) {
  // 函数体
}

其中，functionName为函数名，arg1, arg2, ..., argN为函数参数列表，函数体为函数的代码块。函数声明的特点是在解析阶段就会被解析，并添加到作用域链中。

函数的调用

定义函数后，可以通过函数名来调用函数，传递参数并返回结果。

let result = add(2, 3); // 调用 add 函数，并将结果保存在变量 result 中
console.log(result); // 输出 5

函数的参数

函数可以接受任意数量的参数。在函数定义中，参数列表用逗号分隔。调用函数时，需要传递相同数量的参数。

function add(a, b, c) {
  return a + b + c;
}

let result = add(2, 3, 4);
console.log(result); // 输出 9

如果调用函数时传递的参数数量与定义的不匹配，JavaScript 不会报错，而是忽略额外的参数。

函数的返回值

函数可以返回任意类型的值，包括数字、字符串、布尔值、对象、数组等。函数使用 return 语句返回值。如果没有显式使用 return 语句，则函数默认返回 undefined。

function greet(name) {
  return "Hello, " + name + "!";
}

let message = greet("world");
console.log(message); // 输出 "Hello, world!"

函数的作用域

在 JavaScript 中，每个函数都有自己的作用域。作用域是指变量在程序中可见的区域。函数内部声明的变量只能在函数内部访问，而函数外部声明的变量则可以在整个程序中访问。

let x = 1; // 全局变量 x

function f() {
  let y = 2; // 局部变量 y
  console.log(x); // 输出 1
  console.log(y); // 输出 2
}

f();
console.log(x); // 输出 1
console.log(y); // 抛出 ReferenceError 异常

匿名函数

JavaScript 中还可以定义匿名函数，即没有函数名的函数。通常将匿名函数作为参数传递给其他函数或赋值给变量。

let add = function(a, b) {
  return a + b;
};

let result = add(2, 3);
console.log(result); // 输出 5

上面的例子定义了一个名为 add 的匿名函数，并将其赋值给变量。然后使用该变量调用该函数。

前端语言02|青训营笔记