TIL 5주 5일차

[자바스크립트 함수]

함수 -> 코드가 복잡해지는 과정을 해결할 수 있다

 

함수 기본적인 문법

ex)

function two() {

                document.write('<li>2-1</li>')

                document.write('<li>2-2</li>')

            }

            document.write('<li>1</li>')

            two()

            document.write('<li>3</li>')

            two()

two()라는 함수를 지정해주고

document.write ~~ 쓰는 대신 two()를 써준다

---

입력 -> parameter -> 매개변수

argument -> 인자

return -> 출력

 

<h2>Parameter & Argument</h2>

    <script>

        function onePlusOne() {

            document.write(1+1+'<br>')

        }

        onePlusOne()

        function sum(a, b) {

            document.write(a+b+'<br>')

        }

        sum(2,3) //5

        sum(4,5) //9

    </script>

a, b -> parameter

2,3 -> argument

---

function sum2(a, b) {

            return a + b

        }

        document.write(sum2(2,3))

        document.write('<div style="color:red">'+sum2(2,3)+'</div>')

        document.write('<div style="font-size:50px">'+sum2(2,3)+'</div>')

return이 없으면 모든 함수를 일일이 만들어줘야된다, return이 있다면 결과 값을 하나로 묶은 후 따로 처리 가능

다큐먼트라이트를 함수 안에 넣고 쓸건지 밖에 넣고 쓸건지보다는

함수를 만들어서 쓸건지 아니면 리턴 값을 돌려주는 형태로 만들어서 문장중에 쓸건지 선택

 

리팩토링의 중요한 요소 -> 함수