ES6의 함수 확장 튜토리얼 예시-JS 튜토리얼-php.cn

ES6의 함수 확장 튜토리얼 예시

零下一度

풀어 주다： 2017-06-26 09:56:08

원래의

1354명이 탐색했습니다.

기능 확장 방향에서도 몇 가지 새로운 기능이 추가되었는데, 이 기능들도 매우 중요하다고 생각합니다

　 1. 매개변수 기본값 (참고: 기본값이 없는 매개변수는 이후에 추가할 수 없습니다.

{  function test(x, y = 'world'){
    console.log('默认值',x,y);
  }
  test('hello');//hello world
  test('hello','kill');//hello kill
}

로그인 후 복사

{
  let x='test';  function test2(x,y=x){
    console.log('作用域',x,y);
  }
  test2('kill');//kill kill  这里涉及到作用域的问题   函数里面具有单独的作用域  只有没有x的时候 才会继承let所声明的x
}

로그인 후 복사

　 2. 나머지 매개변수(...)는 일련의 이산 값을 배열로 변환합니다. 마찬가지로 나머지 매개변수는 더 이상 있을 수 없습니다.

{  function test3(...arg){for(let v of arg){
      console.log('rest',v);
    }
  }
  test3(1,2,3,4,'a');
}

로그인 후 복사

　 3. 스프레드 연산자(...)는 배열을 일련의 이산 값으로 변환합니다. 　

{
  console.log(...[1,2,4]);
  console.log('a',...[1,2,4]);
}

로그인 후 복사

　 IV. 이해합니다!!!) 예를 들어 a=>a*2 a는 매개변수, a*2는 반환 값 => 함수의 기호로 매개변수가 전달되지 않을 경우 ( )

{
  let arrow = v => v*2;
  let arrow2 = () => 5;
  console.log('arrow',arrow(3));//6
  console.log(arrow2());//5

}

로그인 후 복사

　5. 함수가 다른 함수를 중첩하는 경우 테일 호출을 고려할 수 있습니다

{  function tail(x){
    console.log('tail',x);
  }  function fx(x){return tail(x)
  }
  fx(123)// tail 123
}

로그인 후 복사

위 내용은 ES6의 함수 확장 튜토리얼 예시의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!