화살표 기능은 es6의 새로운 기능입니까?

WBOY
풀어 주다: 2022-03-30 17:53:55
원래의
1714명이 탐색했습니다.

화살표 함수는 es6의 새로운 함수로, 화살표 "=>"를 사용하여 함수를 정의할 수 있으며, 일반 함수와 비교하여 표현식과 명령문 본문을 지원합니다. 화살표 함수는 코드 주변의 이와 관련되어 있으며 동일한 범위를 갖습니다.

화살표 기능은 es6의 새로운 기능입니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.

화살표 함수는 es6의 새로운 기능인가요?

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 작성 방법:

화살표 기능은 es6의 새로운 기능입니까?

화살표 함수:

화살표 기능은 es6의 새로운 기능입니까?

[관련 권장 사항: javascript 비디오 튜토리얼, web front-end]

위 내용은 화살표 기능은 es6의 새로운 기능입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
es6
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!