[생활코딩] JavaScript 24-28 (함수,매개변수와 인자,리턴)

*함수(Function)

-> 코드를 잘 정리정돈 하기 위한 도구 중 하나. 메소드(method)라고 부르는 경우도 있다.

 

 

nightDayHandler 라는 함수 만들기 

-> function 키워드 붙여줌

 

로직 실행 시키기

nightDayHandler(this);

-> nightDayHandler라는 함수를 실행시켜라 

 

함수를 이용함으로써, 이름을 통해 코드의 정체를 이해할 수 있게 되고 코드가 복잡해지는 과정에서 이득을 얻을 수 있다!

 

*함수의 기본 문법

 

**코드가 연속적이지 않게 반복되면, 반복문 사용이 어려움.

이 때 함수를 사용해서 해결.

 

<script>

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

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

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

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

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

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

</script>

 

 

↓ 

 

 

<script>

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();

</script>

 

*매개변수(parameter)와 인자(argument)

 

함수는 입력과 출력이로 이루어져 있다.

입력에 해당하는 것 = parameter, argument

출력에 해당하는 것 = return

 

 

left, right 라는 변수를 정의 (매개변수)

함수로 전달하는 2,3(3,4) 이라고 하는 값 = 인자 

 

즉, 매개변수는 인자 값을 받아서 함수 안으로 매개해주는 변수.

 

 

*리턴(return)

함수의 결과 값을 되돌려줌.

 

'계산'이라고 하는 기능만을 sum2가 구현함으로써,

원자화된 기능을 다양한 맥락에서 활용할 수 있는 자유도가 생긴다

 

*함수의 활용

함수 활용해 리팩토링 하기 

 

 

 

 

출처

https://www.youtube.com/@coohde

생활코딩

유튜브 생활코딩님의 'WEB2-JavaScript' 강의를 수강하고 공부한 내용을 정리한 포스팅입니다.