250x250
Notice
Recent Posts
Recent Comments
Link
«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Tags more
Archives
Today
Total
관리 메뉴

탁월함은 어떻게 나오는가?

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

[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

 

반응형

'[Snow-ball]프로그래밍(컴퓨터) > 자바스크립트(JavaScript)' 카테고리의 다른 글

[JAVASCRIPT] Set Test(셋 테스트)  (0) 2021.02.03
[JAVASCRIPT] Sort(소트) 함수 다양한 Test  (0) 2021.02.02
[JAVASCRIPT] ClassObject(클래스오브젝트)  (0) 2021.02.01
[JavaScript] 데이터타입(DataType) 기능확인  (0) 2021.01.31
자바스크립트(JavaScript)공부하면서 도움되는 홈페이지  (0) 2021.01.31
'[Snow-ball]프로그래밍(컴퓨터)/자바스크립트(JavaScript)' Related Articles more
Comments