本文将详细讲解和分析 JavaScript 中定义函数的两种标准形式:函数表达式和函数声明。理解这两种形式以及它们在不同情况下的行为,对于编写高效、可维护的代码非常重要。
函数声明 (Function Declaration)
函数声明是一种较为常见的定义函数的方式,语法如下:
function x() {console.log('x');
}
函数声明是一种声明,而非表达式或语句,因此不需要在后面加分号;即便添加了分号也不会有问题。这种函数在代码执行前已经被处理,因此可以在函数声明之前调用该函数:
x(); // 可以正常调用,即使它在函数声明之前
function x() {console.log('x');
}
在块级作用域中的函数声明
在 ES2015(也叫 ES6)之前,规范并未明确规定在控制结构(如 if
, try
等)中定义的函数声明的行为,因此不同的 JavaScript 引擎对这种情况的处理方式各不相同。ES2015 之后,规范明确了如何处理这种情况:
- 在非严格模式下(non-strict mode)且非浏览器环境中,JavaScript 引擎应采取一种处理方式。
- 在非严格模式下且浏览器环境中,JavaScript 引擎应采取另一种处理方式。
- 在严格模式下(strict mode),无论何种环境,JavaScript 引擎均应采取一种统一的处理方式。
在严格模式下,块作用域内的函数声明非常容易理解:它们具有块级作用域,并提升到块的顶部。例如:
"use strict";
if (someCondition) {foo(); // 正常调用function foo() {}
}
console.log(typeof foo); // "undefined"
匿名函数表达式 (Anonymous Function Expression)
匿名函数表达式是另一种定义函数的方式,语法如下