es6 화살표 기능은 무엇을 의미합니까?

ES6에서 화살표 함수는 함수를 정의하기 위해 "=>"를 사용하는 새로운 구문입니다. 화살표 함수의 함수 본문에 있는 this 포인터는 항상 이를 호출하는 개체가 아니라 정의된 개체를 가리킵니다. 이는 변경할 수 없습니다. 구문은 "let fun=(매개변수) => {함수 본문};"입니다.

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

es6 화살표 함수는 무엇을 의미하나요?

ES6에서 화살표 함수는 가장 흥미로운 새로운 기능입니다. 이름에서 알 수 있듯이 화살표 함수는 화살표(=>)를 사용하여 함수를 정의하는 새로운 구문이지만 주로 다음과 같은 측면에서 기존 JavaScript 함수와 약간 다릅니다.

• 이것이 없습니다, 슈퍼, 인수 및 대상 바인딩의 경우 해당 값은 주변에서 가장 가까운 화살표가 아닌 함수에 의해 결정됩니다.

• 새 키워드를 통해 호출할 수 없습니다.

• 프로토타입이 없습니다.

• 이 바인딩을 변경할 수 없습니다.

• 인수 개체를 지원하지 않습니다.

• 반복적으로 명명된 매개 변수를 지원하지 않습니다.

함수 본문에서 this의 포인터는 항상 이를 호출하는 개체가 아니라 정의된 개체를 가리킵니다. es5에서 누가 함수를 실행하는지, 누구든지 가리킬 뿐입니다.

는 다음과 같습니다:

var f = v = > v;
//等同于
var f = function(v){
      return v;
}
var sum = (num1,num2) => num1+num2 ;
//等同于
var sum = function(num1,num2){
      return num1+num2
}
[1,2,3].map(function (x) {
      return x * x;
});
// 箭头函数写法
[1,2,3].map(x => x * x);//简洁了许多

예제에서 함수가 생략되고 중괄호 '{}'가 '=>'로 대체된 것을 볼 수 있습니다. 이 방법으로 작성하는 것이 더 간결합니다.

예제는 다음과 같습니다.

//1、参数默认值 位置在所有形参的后面
    //es6之前的采取的默认值只能变相采取
    function test(a,b) {
        a=a||2;
        b=b||2;
        return a*b
    }
    console.log(test());
//但是这个有弊端  当我们传递的值为0的时候，还是会走默认值。改造之后
    function test1(a,b) {
        a=typeof a==="undefined"?2:a;
        b=typeof b==="undefined"?2:b;
        return a*b
    }
    console.log(test1(0,0))
//    es6为我们提供了默认值
//    语法糖：  function(a,b=2){}
     let test2=(a=2,b=2) =>{
        return a*b
    };
    console.log(test2());

출력 결과:

[관련 권장 사항:

javascript 비디오 튜토리얼, web front-end]

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