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 코드 실행 도 구 를 사용 할 수 있 습 니 다.자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
(Javascript) ES6의 주요 특징 정리let을 사용하면 선언한 변수는 블록안에서만 유효하게 된다. const 역시 마찬가지로 블록스코프를 따른다 .const 와 let의 차이점은 const 는 상수로 값을 할당한다는 점이다. 따라서 값을 변경시키려고 하...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.