함수 (function)

• 코드를 정리하기 위한 도구

함수 선언

function 함수이름() {
	함수 내용
}

혹은

var 함수이름 = function() {
  함수 내용
}

함수 실행

함수 이름()

매개변수 (parameter), 인자 (argument)

function sum(a, b) {
 document.write (a+b+'<br>'); 
}
sum(1, 2);
sum(-5, 2);

• 위의 코드에서 값을 받아 함수 안으로 매개해주는 a, b와 같은 역할을 하는 것을 매개변수라고 함
• 위의 코드에서 받아지는 값인 -1, 2 / -5, 2와 같은 역할을 하는 것을 인자라고 함
  → 3
  -3

function sum(a, b) {
 document.write ('<div style="color:red">'+(a+b)+'</div><br>'); 
}
sum(1, 2);

→ 3

📌 JavaScript는 문자와 숫자를 더하면 숫자를 문자로 간주하므로 괄호를 사용하지 않으면 +가 덧셈이 아닌 문자 결합 연산자로 간주됨!

출력 (return)

표현식 (expression)

• 0+1, 2-1...은 값 1에 대한 표현식
• 1===1...은 값 true에 대한 표현식

• return: 함수가 처리한 결과값을 출력

function sum(a, b) {
 return a+b;
}
document.write(sum(1, 2)+'<br>');

→ 3

🌙 return을 이용하면 계산하는 기능만을 함수에서 구현할 수 있음

📌 함수에서의 this는 함수가 사용되고 있는 태그가 아닌 윈도우를 가르킴 → 매개변수로 빼서 인수를 this로 줘야 제대로 동작함