js에서 화살표 함수를 작성하는 방법-JS 튜토리얼-php.cn

js에서 화살표 함수를 작성하는 방법

下次还敢

풀어 주다： 2024-05-01 07:33:16

원래의

828명이 탐색했습니다.

화살표 함수는 (매개변수) => 표현식으로 작성된 단축 함수 구문입니다. 해당 기능에는 간결성, 어휘 범위 바인딩 사용 및 이 바인딩이 없습니다. 기존 함수에 비해 화살표 함수는 더 간결하고 어휘 범위가 지정되며 바인딩이 없습니다. 화살표 함수는 콜백 함수, 압축 함수, 어휘 범위 함수에 일반적으로 사용됩니다.

js에서 화살표 함수를 작성하는 방법

JavaScript에서 화살표 함수를 작성하는 방법

화살표 함수는 JavaScript에 도입된 단축 함수 구문으로, 코드를 더 간결하고 읽기 쉽게 만들 수 있습니다.

작성방법

화살표 함수는 다음과 같이 작성합니다.

<code>(parameters) => expression</code>

로그인 후 복사

위치:

parameters: 함수의 매개변수 목록(생략 가능). parameters：函数的参数列表（可以省略）。
expression：函数体，通常是一个表达式（可以省略大括号和 return 语句）。

示例

以下是一个箭头函数的示例：

<code>const sum = (a, b) => a + b;</code>

로그인 후 복사

这个函数接受两个参数 a 和 b，并返回它们的和。

特点

箭头函数具有一些特点：

简洁：箭头函数比传统函数更简洁，因为它省略了大括号和 return 语句。
绑定：箭头函数使用词法作用域，而不是动态作用域，因此它始终绑定到定义它的上下文。
无 this 绑定：箭头函数没有自己的 this 绑定，而是继承其外层函数的 this 绑定。

与传统函数的比较

下表比较了箭头函数和传统函数：

特征	箭头函数	传统函数
语法	(parameters) => expression	function (parameters) { ... }
简洁性	更简洁	更冗长
作用域	词法	动态
`this` 绑定	继承外层函数	自己的 `this` 绑定

何时使用箭头函数

箭头函数通常用于以下情况：

回调函数（例如 Array.map

expression

return

Example

🎜🎜다음은 화살표 함수의 예입니다. 🎜rrreee🎜이 함수는 두 개의 매개변수 a와 b를 사용하여 그 합계를 반환합니다. 🎜🎜🎜기능🎜🎜🎜화살표 함수에는 다음과 같은 몇 가지 기능이 있습니다. 🎜🎜🎜🎜간결성: 🎜화살표 함수는 중괄호와 return 문을 생략하기 때문에 기존 함수보다 더 간결합니다. 🎜🎜🎜바인딩: 🎜화살표 함수는 동적 범위가 아닌 어휘 범위를 사용하므로 항상 정의된 컨텍스트에 바인딩됩니다. 🎜🎜🎜this 바인딩 없음: 🎜화살표 함수에는 자체 this 바인딩이 없지만 외부 함수의 this 바인딩을 상속합니다. 🎜🎜🎜🎜기존 함수와의 비교🎜🎜🎜다음 표에서는 화살표 함수와 기존 함수를 비교합니다. 🎜기존 함수범위

특징	화살표 함수
구문	(매개변수) => 표현식	함수(매개변수) { ... }
간결함	더 간결함	더 장황함
어휘적	동적
`이` 바인딩	상속 외부 함수	`이` 바인딩 소유