화살표 함수

javascript

화살표 함수

핑구뱅구 2022. 6. 23. 08:55

화살표 함수

: 기존의 익명함수 좀 더 쓰기 편하게 축약한 형태

: 내부로 전달되는 파라미터가 하나면 괄호는 생략가능
: 코드블록안에서 실행되는 코드가 한 줄이면 코드블록 생략가능

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>

        function plus(num1, num2) {
            const result = num1+num2;
            console.log(result);
            return result;
        }

        // 익명함수로
        const plus = function (num1, num2) {
            const result = num1+num2;
            console.log(result);
            return result;
        }

        // 화살표 함수로
        const plus = (num1, num2) => {
            const result = num1+num2;
            console.log(result);
            return result;
        }

        const total = plus(3,5);
        console.log(total);

        // 내부로 전달되는 파라미터가 하나면 괄호는 생략가능

        const abc = (txt) =>{
            console.log(txt);
        }

        const abc = txt =>{
            console.log(txt);
        }

        // 코드블록안에서 실행되는 코드가 한 줄이면 코드블록 생략가능 
        const abc = txt => console.log(txt);
        





    </script>
</body>
</html>