개발 및 관련 자료/WEB

[es6] parameter

kid1412 2019. 10. 20. 23:02
728x90

function parameter 기본값

es6에서 es5와 다르게 함수에서 파라미터 값에 기본값을 설정할 수 있습니다.

//es5
function myFunc(x, y, z) {
    x = x === undefined ? 1 : x;
    y = y === undefined ? 2 : y;
    z = z === undefined ? 3 : z;
}
myFunc() // 1, 2, 3
//es6
function myFunc(x = 1, y = 2, z = 3) {
    console.log(x, y, z);
}

myFunc(x,4,z); // 1, 4, 3

펼침 연산자 (spread operator)

이터러블(iterable) 객체를 개별 값으로 나누는 펼침 연산자(spread operator) ... 로 표기합니다.

// es5
function myFunc(a, b) {
    return a + b;
}

var data = [1, 4];
var result = myFunc.apply(null, data);
console.log(result); // 5
// es6
function myFunc(a, b) {
    return a + b;
}

const data = [1, 4];
const result = myFunc(...data);
console.log(result); // 5

배열 값을 다른 배열에 부분 편입 시킬 수 있습니다. 

// es6
const arr1 = [2, 3, 4];
let arr2 = [1, ...arr1, 5, 6, 7];
console.log(arr2); //[1, 2, 3, 4, 5, 6, 7];

function에서 마지막 파라미터를 펼침 연산자(spread operator)를 사용하여 가변 인자로 쓸 수 있습니다.

// es5
function myFunc(a, b) {
    var args = Array.prototype.slice.call(arguments, myFunc.length);
    console.log(args);
}
myFunc(1, 2, 3, 4, 5); // 3, 4, 5
// es6
function myFunc(a, b, ...args) {
    console.log(args); // 3, 4, 5
}
myFunc(1, 2, 3, 4, 5);

참고문헌