[Snow-ball]프로그래밍(컴퓨터)/자바스크립트(JavaScript)

[JAVASCRIPT] 기본값 매개변수 (default parameter)

Snow-ball 2021. 2. 2. 17:54
반응형

기본값 함수 매개변수 (default function parameter)를 사용하면 값이 없거나 undefined가 전달 될 경우 이름붙은 매개변수를 초기화할 수 있습니다.

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
const Test = () => {
 
    function multiply(a, b = 1) {
        return a * b;
    }
 
    console.log(multiply(5,2))
    // 값 = 10
 
    console.log(multiply(5))
    // 값 = 5
 
    return (
        <div className="Test">
            <p>Test</p>
        </div>
    )
}
export default Test
 cs

출력

 구문작성법

1
2
3
function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN]]]) {
        statements
    }
 cs

 

 

 

 

 

 

 

 

예시

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const Test2 = () => {
 
    function multiply(a, b) {
        return a * b
    }
 
    console.log(multiply(5 ,2))
    // 10 출력
    console.log(multiply(5))
    // NaN 출력
 
    return (
        <div className="Test2">
            <p>Test2</p>
        </div>
    )
}
export default Test2
 cs

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
const Test2 = () => {
 
    function multiply(a, b) {
        b = (typeof b === 'undefined' ? 1 : b)
        return a * b
    }
 
    console.log(multiply(5 ,2))
    // 10 출력
    console.log(multiply(5))
    // 5 출력
 
    return (
        <div className="Test2">
            <p>Test2</p>
        </div>
    )
}
export default Test2
 cs

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
const Test2 = () => {
 
    function multiply(a, b = 1) {
        return a * b
    }
 
    console.log(multiply(5 ,2))
    // 10 출력
    console.log(multiply(5))
    // 5 출력
    console.log(multiply(5, undefined))
    // 5출력
 
    return (
        <div className="Test2">
            <p>Test2</p>
        </div>
    )
}
export default Test2
 cs

 

 

 

 

 

 

 

 

 

베타존 : 네이버쇼핑 스마트스토어

나를 꾸미다 - 인테리어소품 베타존

smartstore.naver.com

 

반응형