[JavaScript] 생활코딩 WEB2 - JavaScript 24~28

함수 (Function)

 

함수의 기본 문법

function 뒤에 함수 이름을 붙여준다-> ex) two(){ 함수 내용 }

컴퓨터는 two라는 함수를 만들려고 하고(function), {}안의 내용은 two함수의 내용이구나-. 하고 기억한 뒤,

그 아래 어디든 two(); 라는 함수를 붙여주면 {}안에 있는 함수를 실행시키고자 하는구나-. 하고 실행시킨다.

 

 

---

함수 : 매개변수와 인자

 

프로그래밍 상에서의 함수

입력(Parameter, 매개변수 / Argument 인자) - 출력 (Return)

 

 

2가 해당되는 자리(left), 3이 해당되는 자리 (right) ->매개하는 변수 (parameter)

-> 이제 left = 2, right=3으로 약속한다.

 

 

2,3이라는 값 -> 인자 = Argument

그 값(2,3)을 받아서 함수 안으로 매개해주는(left,right) 변수들을 매개변수(Parameter)라고 부른다.

 

-> Parameter, Argument는 함수로 들어오는 입력값과 관련된 것이다.

 

 

 

---

함수(리턴)

 

표현식 (Expression)

 

 

sum2(함수)를 실행한 결과의 값을 돌려주는 것 ->return left+right(매개변수);

계산이라고 하는 기능만을 sum2라는 함수가 구현함으로써 원자화된 기능을 다양한 맥락에서 활용할 수 있는 자유도가 생긴다.

-> return이 우리에게 주는 것.

 

sum2 - 함수(function) 매개변수를 통해 들어간 값을 return을 통해 출력함으로써 다양한 용도로 함수를 활용할수 있게 된다.

 

 

 

댓글메모

 

 

---

 

 

함수의 활용

 

 

기존 this라고 되어있던 부분을 head안으로 들어오면서 self로 바꿔준 뒤,

onclick="nightDayHandler(this);" this는 그대로 유지해준다.

그래야만 day, night 버튼이 정상작동하는 것을 확인할 수 있음.

그러나 왜인지 페이지 첫 로드때는 왼쪽처럼 all 검은색으로 뜨는데 night_day 버튼을 눌러줘야지만 활성화된 파란색이 뜬다.

왜일까..ㅠㅠ