此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
Function(函数)
函数(Function)是一个可以被其他代码或其自身调用的代码片段,或者是一个指向该函数的变量 。当函数被调用时,实际参数被作为输入传递给函数,并且函数可以返回输出。在JavaScript 中,函数也是一个对象。
In this article
不同类型的函数
匿名函数是一个没有函数名的函数:
js
// 使用函数表达式创建的匿名函数(function () {});// 使用箭头函数创建的匿名函数() => {};下面的术语不在 ECMAScript 语言规范中,只是用于区分不同类型函数的行话。
具名函数是具有函数名称的函数:
js
// 函数声明function foo() {}// 命名函数表达式(function bar() {});// 箭头函数const baz = () => {};内部函数是函数内的另一个函数(下面例子中的square)。外部函数是包含一个函数的函数(下面例子中的addSquares):
js
function addSquares(a, b) { function square(x) { return x * x; } return square(a) + square(b);}// 箭头函数const addSquares = (a, b) => { const square = (x) => x * x; return square(a) + square(b);};递归函数是调用自身的函数。可参考递归。
js
function loop(x) { if (x >= 10) return; loop(x + 1);}// 箭头函数const loop = (x) => { if (x >= 10) return; loop(x + 1);};立即调用函数表达式(IIFE)是一种被加载到浏览器的编译器之后直接调用的函数。识别 IIFE 的方法是通过在函数声明的末尾定位额外的左和右括号。
函数表达式,不管是具名还是匿名,都可以被立即调用。
js
(function foo() { console.log("Hello Foo");})();(function food() { console.log("Hello Food");})();(() => console.log("hello world"))();声明式的函数不可以被立即调用,因为 IIFE 一定是函数表达式。
js
function foo() { console.log('Hello Foo');}();如果你想进一步了解 IIFE, 可参考以下的维基百科的页面:立即调用函数表达式