js中function函数的使用方法【教程】

JavaScript中function函数有七种使用方法：一、声明函数（具名、可提升）；二、表达式函数（匿名、不可提升）；三、箭头函数（简洁、不绑定this）；四、IIFE（立即执行、隔离作用域）；五、构造函数（new调用、创建实例）；六、作为参数（高阶函数、回调）；七、递归函数（自调用、需终止条件）。

在JavaScript中，function函数是定义可重复执行代码块的核心语法。以下是function函数的多种使用方法：

一、声明函数

使用function关键字定义命名函数，该函数会被提升（hoisting），可在声明前调用。

1、使用function关键字后接函数名、括号和花括号定义函数。

2、在括号内可声明零个或多个参数，用于接收调用时传入的值。

3、在花括号内编写执行语句，可包含return语句返回结果。

二、表达式函数

将函数赋值给变量，形成函数表达式。该方式不会被提升，必须先定义后调用。

1、使用const或let声明变量，并将function关键字开头的函数体赋值给该变量。

2、函数名可省略，构成匿名函数表达式。

3、调用时通过变量名加括号执行，如myFunc()。

三、箭头函数

ES6引入的简洁语法，不绑定自己的this、arguments、super或new.target，适合简短逻辑和回调场景。

1、当只有一个参数时，可省略小括号，如x => x * 2。

2、当函数体为单条return语句时，可省略花括号和return关键字。

3、当需要返回对象字面量时，必须用小括号包裹，避免与代码块混淆，如() => ({id: 1})。

四、立即执行函数表达式（IIFE）

定义后立即调用的函数，常用于创建独立作用域，防止变量污染全局环境。

1、将函数表达式用小括号包裹，使其成为表达式而非声明。

标签： javascript es6 java js 栈 递归函数 作用域