ES6 화살표 함수 와 확장 실례 분석

이 글 의 실례 는 ES6 화살표 함수 와 확장 을 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.

1.기본 값
ES6 에서 기본 값 을 추가 한 동작 관련 코드 는 다음 과 같 습 니 다.

function add(a,b=1){
  return a+b;
}
console.log(add(1));
지금 은 하나의 인자 만 전달 해도 정상적으로 작 동 할 수 있 음 을 알 수 있다.
출력 결 과 는:2 입 니 다.
2.스스로 오 류 를 던진다
ES6 에서 우 리 는 throw new Error(xxxx)를 직접 사용 하면 오 류 를 던 질 수 있다.

function add(a,b=1){
  if(a == 0){
    throw new Error('This is error')
  }
   return a+b;
}
console.log(add(0));
콘 솔 에서 이상 한 것 을 볼 수 있 습 니 다:

3.함수 의 엄밀 한 패턴
우 리 는 ES5 에서 항상 엄밀 한 모드 로 프로 그래 밍 을 하지만 코드 맨 위 에 써 야 하 며 전체 사용 에 해당 합 니 다.ES6 에서 우 리 는 함수 체 에 쓸 수 있 는데 이것 은 함수 에 맞추어 사용 하 는 것 과 같다.예 를 들 면:

function add(a,b=1){
  'use strict'
  if(a == 0){
    throw new Error('This is error');
  }
   return a+b;
}
console.log(add(1));
위의 코드 가 실행 되면 브 라 우 저 콘 솔 에서 오 류 를 보고 하 는 것 을 발견 할 수 있 습 니 다.이 오 류 는 기본 값 을 사용 하고 엄밀 한 모드 를 사용 하면 충돌 이 발생 하기 때문에 우 리 는 기본 값 의 조작 을 취소 해 야 합 니 다.이 럴 때 당신 이 실행 하 는 것 이 정상 입 니 다.

function add(a,b){
  'use strict'
  if(a == 0){
    throw new Error('This is error');
  }
   return a+b;
}
console.log(add(1,2));
결 과 는 3.
4.전달 할 매개 변수 개수 획득
 ES6 는 우리 에 게 매개 변 수 를 얻 는 방법(xxx.length)을 제공 합 니 다.우 리 는 위의 코드 로 전달 해 야 할 매개 변수 개 수 를 보 겠 습 니 다.

function add(a,b){
  'use strict'
  if(a == 0){
    throw new Error('This is error');
  }
   return a+b;
}
console.log(add.length);//2
이때 콘 솔 은 2 를 인쇄 했 습 니 다.그러나 엄격 한 모드 를 제거 하고 두 번 째 매개 변수 에 기본 값 을 추가 하면 다음 과 같 습 니 다.

function add(a,b=1){

  if(a == 0){
    throw new Error('This is error');
  }
  return a+b;
}
console.log(add.length);//1
이때 콘 솔 에 1 이 인쇄 되 었 습 니 다.
요약:반드시 들 어 와 야 할 매개 변 수 를 얻 었 습 니 다.
5.화살표 함수
화살표 함수 에서 방법 체 내 에 두 마디 말 이 있다 면 방법 체 외 에{}괄호 를 붙 여야 합 니 다.

var add =(a,b=1) => {
  console.log('hello world')
  return a+b;
};
console.log(add(1));//2
관심 있 는 친 구 는 온라인 HTML/CSS/JavaScript 코드 실행 도 구 를 사용 할 수 있 습 니 다.
자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기