화살표 함수는 es6의 새로운 함수로, 화살표 "=>"를 사용하여 함수를 정의할 수 있으며, 일반 함수와 비교하여 표현식과 명령문 본문을 지원합니다. 화살표 함수는 코드 주변의 이와 관련되어 있으며 동일한 범위를 갖습니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.
ES6 표준에는 화살표 =>를 사용하여 함수를 정의할 수 있는 새로운 함수인 화살표 함수가 추가되었습니다.
일반 함수와 비교하면 C# 및 Java 8의 관련 함수와 구문이 유사하며 표현식과 명령문 본문을 지원합니다.
일반 함수와 달리 화살표 함수는 이 주변의 코드와 동일한 범위를 갖습니다. 화살표 함수에는 다음과 같은 특징이 있습니다.
1. 함수를 만드는 데 함수 키워드가 필요하지 않습니다.
2. return 키워드를 생략하세요.
3. 이것은 항상 함수가 선언된 범위의 this 값을 가리킵니다(즉, 화살표 함수에는 자체 this가 전혀 없지만 외부 this를 참조합니다).
ES6 화살표 함수 구문을 사용하여 함수를 정의하고, 원래 함수의 "function" 키워드와 함수 이름을 삭제하고, "=>"를 사용하여 매개변수 목록과 함수 본문을 연결합니다.
화살표 함수의 역할
// 1、使表达更加简洁 const isEven = n => n % 2 === 0; const square = n => n * n; // 2、简化回调函数 // 普通函数写法 [1,2,3].map(function (x) { return x * x; }); // 箭头函数写法 [1,2,3].map(x => x * x);
es5 작성 방법:
화살표 함수:
[관련 권장 사항: javascript 비디오 튜토리얼, web front-end]
위 내용은 화살표 기능은 es6의 새로운 기능입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!