화살표 함수

dogyeong·2021년 11월 6일

Arrow_Function JavaScript ecmascript function

JavaScript

목록 보기

6/6

화살표 함수(arrow function)는 ES2015에서 추가된 함수 표현을 간단하게 할 수 있게 해주는 문법으로, 평소에 자주 사용하고 있었지만 일반 함수와 구체적으로 어떤 점이 다른 지 모르고 있어서 이번 기회에 정리해 보고자 한다.

화살표 함수의 형태

화살표 함수는 parameter => body 의 형태로, 함수의 파라미터와 바디 사이에 화살표를 표기하는 식으로 표현한다.

파라미터는 괄호로 둘러싼 리스트 형태로 표현하며, 파라미터가 하나인 경우 괄호를 사용하지 않아도 된다.
- (a, b, c) => ...
- a => ...
바디는 두 가지 형태로 구분된다
1. ExpressionBody: AssignmentExpression 한문장으로 표현.
  AssignmentExpression은 조건표현식, 다른 화살표 함수 표현식, 연산자를 이용한 계산식 등을 의미한다.
  - (a) => a + 1
  - AssignmentExpression은 표현식을 바로 평가하여 리턴한다. 그러므로 return 키워드가 없어도 결괏값이 반환된다.
2. FunctionBody: 일반 함수의 바디를 의미한다. 중괄호로 둘러싸야 한다.
  - (a) => { return a + 1 }

화살표 함수의 평가

화살표 함수를 평가할 때 InstantiateArrowFunctionExpression연산을 통해 함수객체로 인스턴스화된다.

1. If name is not present, set name to "".
2. Let scope be the LexicalEnvironment of the running execution context.
3. Let privateScope be the running execution context's PrivateEnvironment.
4. Let sourceText be the source text matched by ArrowFunction.
5. Let closure be OrdinaryFunctionCreate(%Function.prototype%, sourceText, ArrowParameters, ConciseBody, lexical-this, scope, privateScope).
6. Perform SetFunctionName(closure, name).
7. Return closure.

5번의 OrdinaryFunctionCreate연산이 실질적으로 함수객체를 생성하는 역할을 한다.

OrdinaryFunctionCreate는 다음과 같은 과정을 수행한다

1. Let internalSlotsList be the internal slots listed in Table 34.
2. Let F be ! OrdinaryObjectCreate(functionPrototype, internalSlotsList).
3. Set F.[[Call]] to the definition specified in 10.2.1.
4. Set F.[[SourceText]] to sourceText.
5. Set F.[[FormalParameters]] to ParameterList.
6. Set F.[[ECMAScriptCode]] to Body.
7. If the source text matching Body is strict mode code, let Strict be true; else let Strict be false.
8. Set F.[[Strict]] to Strict.
9. If thisMode is lexical-this, set F.[[ThisMode]] to lexical.
10. Else if Strict is true, set F.[[ThisMode]] to strict.
11. Else, set F.[[ThisMode]] to global.
12. Set F.[[IsClassConstructor]] to false.
13. Set F.[[Environment]] to Scope.
14. Set F.[[PrivateEnvironment]] to PrivateScope.
15. Set F.[[ScriptOrModule]] to GetActiveScriptOrModule().
16. Set F.[[Realm]] to the current Realm Record.
17. Set F.[[HomeObject]] to undefined.
18. Set F.[[Fields]] to a new empty List.
19. Set F.[[PrivateMethods]] to a new empty List.
20. Set F.[[ClassFieldInitializerName]] to empty.
21. Let len be the ExpectedArgumentCount of ParameterList.
22. Perform ! SetFunctionLength(F, len).
23. Return F.