Rest 매개변수
부정인수. 마지막 파라미터만 Rest 매개변수가 가능하며, Rest 매개변수는 유사배열이다.
function add4(...args) {
let s=0;
for(let n=0; n<args.length; n++) {
s += args[n];
}
return s;
}
console.log( add4(1,2,3,4,5) ); // 15
클로저(Closures)
내부함수가 외부함수의 문맥(context)에 접근할 수 있는 것
function fun(x) { // 외부함수
let n=10;
// 내부함수(클로저)
function sub(y) {
return n+x+y; // 외부함수의 변수나 인수 접근 가능
}
return sub(3); // 외부함수 안에서 내부 함수 호출
}
console.log( fun(2) ); // 15
위에서 내부함수 sub()는 외부함수 fun()의 변수인 n에 참조가 가능하다.
그러므로 fun(2)는 내부함수 sub의 리턴값인 n(10) + x(2) + y(3) = 15 의 결과값이 나오게 된다.
화살표 함수
기존 함수 표현식보다 더 간결한 문법으로 표현한 함수
// 화살표 함수(arrow function)
var sub2 = (args) => { return args.length; };
// 파라미터가 하나만 있는 경우에는 주변 괄호를 생략할 수 있다.
var sub3 = args => { return args.length; };
// 화살표함수의 유일한 문자로 'return'일때 'return'과 중괄호({})를 생략할 수 있다.
var sub4 = args => args.length;
'Frontend > JavaScript' 카테고리의 다른 글
window 객체의 opener 사용하기 (0) | 2023.10.15 |
---|---|
자바스크립트 null, undefined, NaN의 차이 (0) | 2023.10.08 |
크롬 브라우저에서 자바스크립트 디버깅 하는 법 (0) | 2023.08.27 |
자바스크립트(3) - 객체 생성 (0) | 2022.09.27 |
자바스크립트(1) - 요소 값 접근 (0) | 2022.09.24 |