본문 바로가기
프로그래밍/Java Script

Java Script - Arrow function

by 3.14pie 2022. 12. 11.

Arrow function - ES6부터 사용할 수 있다. function 키워드 대신 => 를 통해 함수를 선언할 수 있다.

        function print(){
            console.log("Hello World");
            return "Hello World";
        }

        let input = function() {
            console.log("Hello World");
            return "Hello World";
        }

함수를 선언할 때는 대체로 이러한 형식을 사용한다. 하지만 arrow function을 사용하면 간략하게 표현 가능하다.

        let input4 = () => {
            console.log("Hello World");
            return "Hello World";
        }

function을 생략하고, =>를 사용한다.

        let input2 = welcome => welcome + "World";

        console.log(input2("Hello "));
 

변수가 한개일 경우에 ()를 사용하지 않을 수 있다. welcome이라는 변수를 받고 거기에 "World"를 붙이는 함수이다.

        let input3 = (welcom, language) => welcom + "World" + language;

        console.log(input3("Hello ", " Java Script"));

여러개의 변수를 받아올 수 있다.

'프로그래밍 > Java Script' 카테고리의 다른 글

Java Script - Object Literal Syntax Extension  (0) 2022.12.11
Java Script - Template literals  (0) 2022.12.11
Java Script - Rest parameter  (0) 2022.12.11
Java Script - Default function parameter  (0) 2022.12.11
Java Script - scope  (0) 2022.12.11