함수(function)

함수란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다.

function addNum(x, y) {
    return x + y;
}
document.write(addNum(2, 3));

자바스크립트 함수는 하나의 타입이다. 따라서 함수를 변수에 대입하거나 함수에 프로퍼티를 지정하는 것도 가능하다. 또한 자바스크립트 함수는 다른 함수 내에 중첩되어 정의될 수 있다.

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

💡 매개 변수
함수에 전달해야 되는 내용이 있을 때, 이 함수가 실행될 때 알아야 되는 내용이 있을 때 매개변수를 통해 전달한다.

💡 return
반환 값, 함수 완료 후 반환되어야 하는 값이 있을 때 사용한다.

function name(firstName, lastName){
    console.log("Hello",firstName,lastName,"Web site");
}
name("Park","junsee");

함수의 형태

• 익명 함수

> let 익명함수
> 익명함수 = function() {
  	console.log('1번째 익명 함수입니다.')
}
> 익명함수 = function() {
  	console.log('2번째 익명 함수입니다.')
}
> 익명함수()
>> "2번째 익명 함수입니다."

• 람다식 함수

// 일반함수
function hanpy1(){
  console.log("hi");
}

// 화살표함수
const hanpy3 = () => {
  console.log("hi");
}

• 콜백 함수

button.addEventListenr("click",setCount)
// 버튼에 클릭 이벤트가 발생했을때 setCount함수를 콜을 한다
function setCount() {
    count++;
}