열심히 코딩할래/AI 해볼까

[javascript] 자바스크립트 함수, 화살표 함수

오늘의 여름 2023. 4. 10. 23:16
728x90

📌Javascript 화살표함수 종류

  input X input O
output X const fun_name = () => {} const fun_name = (input) => {}
output O const fun_name = () => {output} const fun_name = (input) => {output}

 

 

📌예제 1 - input ❌ & output ❌

<body>
	<input type="button" value="click" onclick="message()">
        <script>
            const message = () => { alert("열심히 살고싶어..!")}
            //function message(){alert("열심히 살아야지..!")} 와 같은 역할
        </script>
</body>

 

 

 

📌예제 2 - input ❌ output ⭕

 

Document 
    <script>
        const sayHello = () =>
            {message = "오늘도 안녕하신지요?"
            return message}
        document.write(sayHello())
    </script>

 

 

 

 

 

📌예제 3 - input ⭕ output ❌

 

    <script>
        
        const sayHello = (name) =>
            {message= "내 블로그 이름은 '"+ name + "'(이)야"
            document.write(message)}
        sayHello("열심히 살고싶어 오늘도")
        

    </script>

 

 

📌예제 4 - input ⭕ output ⭕

    <script>
        
        const sayHello = (name) =>
            {message= "내 블로그 이름은 '"+ name + "'(이)야"
            return message}
        sayHello("열심히 살고싶어 오늘도")
        document.write(message)

    </script>

위에와 같은 코드지만 return을 해주어 output을 만들어 준 것이다.

728x90