Day3_VSCODE_JavaScript_ 화살표 함수

🔴파이썬과 다른 점

 

 

🔴🟢 화살표 함수
    - function 키워드를 사용하여 함수를 만드는 것 보다 간단하게 표현
    - 화살표 함수는 항상 익명

 

 

[문법]
    ✔매개변수가 없을 경우
    [ver1]
    const 함수명 = () => {
        함수가 호출 되었을 때 실행될 문장;
    }
    [ver2]
    const 함수명 = () => 함수가 호출되었을 때 실행될 문장;

================================================

    ✔매개변수가 있을 경우
    [ver1]
    const 함수명 = (매개변수1,매개변수2...) => {
        함수가 호출 되었을 때 실행될 문장;
    }
    [ver2]
    const 함수명 = (매개변수1,매개변수2) => 함수가 호출되었을 때 실행될 문장;

    ✔ 매개변수가 1개인 경우: 소괄호 생략 가능
     const 함수명 = 매개변수1 => 함수가 호출되었을 때 실행될 문장;

 

예시

 

        //매개변수 없는 것
        const func1 = () => console.log('안녕하세요 자바스크립트');
        func1();

        //매개변수 있는 것
        const func2=(x,y) => console.log(`두 수의 합 ${x+y}`);
        func2(10,20);

        //매개변수 1개 인것(소괄호 생략 가능)
        const func3 = x => console.log(`제곱은: ${x * x}`)
        func3(10)                   //
        console.log('-----------')
        
        const result = func3(10)
        console.log(result)

        // 화살표함수 추가 사용
        const func4 = (x,y) => {
            let sum = 0;
            for (let i=x; i<=y; i++){
                sum += i;
            }
            return sum;
        }
        const total = func4(1,100)
        console.log(`1부터 100까지의 합은 ${total}`);
        console.log('-------------');

 

🔻

결과