자바스크립트 함수란? 함수와 변수의 차이점

처음 함수에 대해서 공부를 하면서 함수와 변수는 비슷하다고 생각을 했었습니다.

함수와 변수의 차이점

변수는 1개의 데이터만 저장 합니다. 또 자바스크립트 코드는 저장할 수 없습니다.

그에 반면 함수는 자바스크립트 코드를 저장 합니다. 그리고 데이터를 반환 합니다.

ex1

<script>
      function basic(){		basic이라는 함수를 만듭니다.
         document.write("값")	자바스크립트 코드를 저장
      }
      
      basic();		<== 함수의 호출
</script>

basic이라는 함수를 호출하면 브라우저 화면에는 "값"이라고 나오게 됩니다.










아래 보기를 통해서 더 활용해보겠습니다.

ex2

<script>
      function basic(){
         var i = 1;
         while(i <= 10){
            document.write(i)
            i += 1;
         }
      }			< == ex1과 같이 basic이라는 함수를 만들어놓음
      
      for(i = 1; i <= 1000; i++){
         basic();		<== 만든 함수를 재료처럼 넣어줌
      }
</script>

함수basic은 브라우저에 12345678910이라는 값을 출력하겠죠??

또 만든 이 함수를 반복문에도 넣을 수 있습니다. 그렇게 하게되면

12345678910 12345678910 12345678910 12345678910 12345678910 12345678910 이런식으로 for문에 의해 1000번실행이 됩니다.

이렇게 결과가 나오게 되겠죠?

위와 같이 함수의 핵심은 재사용성입니다. 여러곳에서 하나의 부품처럼 함수를 호출해서 사용하고 변경하는것이 편합니다.

유지보수와 가독성에도 좋다는 함수에 대해서 간략히 알아봤습니다.
심화된 부분이 더 많다고 하는데 정말 복잡하네요~ 😂