ES6의 화살표 함수 정의 및 호출 방법
2014 단어 ES6
ES6에서 화살표(=>)를 사용하여 함수를 정의할 수 있습니다.
var f = v => v;
위의 코드는 다음과 같습니다.
var f = function( v ) {
return v;
}화살표 함수에 따라 파라미터가 있는 것과 없는 것을 구분한다
1. 매개 변수가 없는 화살표 함수
var f = () => 5;... 과 같다
var f = function() { return 5};2. 매개변수가 있는 화살표 함수
var sum = ( a, b) => a + b;... 과 같다
var sum = function( a, b) {
return a +b;
}어떤 함수 체내의 문장이 한 줄보다 크면, 그 문법은 다음과 같다. 대괄호를 사용하여 그것을 묶고,return 문장으로 되돌아온다
var sum = (a, b) => { return a+b;}대괄호는 코드 블록으로 해석되기 때문에 화살표 함수가 한 대상을 직접 되돌릴 때 반드시 대상 밖에 대괄호를 추가해야 한다
var getFunction = id => ({id: id, anme: "Temp"});화살표 함수도 변수 해독과 결합하여 사용할 수 있습니다.
const full = ({first, last}) => first +" "+ last;... 과 같다
function full(person) {
return person.first +" "+ person.last;
}화살표 함수를 사용하면 함수를 더욱 간결하게 표현할 수 있다
화살표 함수의 한 용도는 리셋 함수를 간소화하는 것이다
[1,2,3].map(function(x){
return x*x;
});화살표 함수 쓰기 사용
[1,2,3].map(x => x*x);또 다른 예
var result = values.sort(function(a, b){
return a -b;
});화살표 함수의 쓰기
var result = values.sort((a, b) => a-b);rest 매개 변수와 화살표 함수를 결합한 예
const numbers = (...nums) => nums;
numbers(1,2,3,4,5,6,7,8,9); //[1,2,3,4,5,6,7,8,9]
//...nums
const headAndTail = ( head, ...tail) => [head, tail];
headAndTail(1,2,3,4,5,6,7,8,9);// [1, [2,3,4,5,6,7,8,9]]화살표 함수를 사용하여 다음 사항에 유의하십시오.
1. 함수체내의this대상은 정의할 때 있는 대상이지 사용할 때 있는 대상이 아니다.
2. 구조 함수로 사용할 수 없다. 즉, new 명령으로 하나의 대상을 실례화할 수 없다. 그렇지 않으면 오류가 발생할 수 있다.
3. arguments 대상을 사용할 수 없습니다. 이 대상은 함수 안에 존재하지 않습니다. 사용하려면rest 매개 변수로 대체할 수 있습니다.
4. yield 명령을 사용할 수 없고 화살표 함수는Generator 함수로 사용할 수 없습니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
