>웹 프론트엔드 >JS 튜토리얼 >ES2015에서 `var` 없이 화살표 함수의 이름을 지정할 수 있습니까?

ES2015에서 `var` 없이 화살표 함수의 이름을 지정할 수 있습니까?

Susan Sarandon
Susan Sarandon원래의
2024-11-06 14:05:03807검색

Can You Name Arrow Functions in ES2015 Without `var`?

ES2015에서 화살표 함수 이름을 지정하는 방법

ES6에서는 화살표 함수를 사용하여 코드를 향상할 수 있습니다. 그러나 명명된 함수를 처리할 때 var 문을 사용하지 않고 화살표 함수에 이름을 할당하는 방법이 있는지 궁금할 수 있습니다.

기존 구문을 사용하여 다음 명명된 함수를 고려하세요.

function sayHello(name) {
    console.log(name + ' says hello');
}

ES6에서는 다음과 같이 이 함수를 화살표 구문으로 변환할 수 있습니다.

var sayHello = (name) => {
    console.log(name + ' says hello');
}

그런데 var로 명시적으로 선언하지 않고 화살표 함수의 이름을 지정하려면 어떻게 해야 할까요?

답은 JavaScript의 변수 선언 동작을 활용하는 데 있습니다. var를 사용하지 않고 단순히 화살표 함수를 변수나 속성에 할당하면 JavaScript 엔진이 자동으로 함수에 이름을 할당합니다.

sayHello = (name) => {
    console.log(name + ' says hello');
}

이 접근 방식은 아래 설명과 같이 실제 이름을 가진 함수를 생성합니다.

console.log(sayHello.name); // "sayHello"

이 기술은 화살표 기능에만 국한되지 않는다는 점을 기억하세요. 이는 전통적인 익명 함수 표현식에도 적용됩니다.

위 내용은 ES2015에서 `var` 없이 화살표 함수의 이름을 지정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.