본문 바로가기
개발자 꿈나무/JavaScript

함수(function) 기초

by ♥︎해이나♥︎ 2020. 8. 20.
반응형

함수란?

함수 기초를 쉽고 자세하게 다룬 페이지가 있어서 url을 공유한다. (내가 설명하는 것보다 그게 나을듯=_=)

http://tcpschool.com/javascript/js_function_basic

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

요약하자면 함수(function)란... 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미하여, 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복 수행할 수 있다. 

-> 자바스크립트에서 블록이란 함수나 실행문의 {중괄호}로 묶여진 부분을 가리킴


함수 문법

function 함수이름(매개변수1, 매개변수2,...) {
  함수가 호출되었을 때 실행하고자 하는 실행문;
}

함수 추가 설명(생활코딩)

<script>
  function nightDayHandler(self){
    var target = document.querySelector('body');
    if(self.value === 'night';
    (이하생략)
  }
</script>

위 코드의 이름을 nightDayHandler라고 지정하고 싶고, 이러한 문법을 함수라고 하기 때문에 function이라는 키워드를 붙여 준다. 함수를 호출할 때는 body 안에서 nightDayHandler(this); <-이렇게 사용하면 'nightDayHandler라는 함수를 실행시켜라' 라는 의미이다.

함수 코드를 변경하면 해당 함수가 적용된 모든 코드가 함께 변경되어 유지보수가 정말 간편해진다.

반응형

댓글0