javascript 기초정리 - 6

오늘 정리할 내용은 함수 function 에 대한 내용이다.

함수란?

일의 단위라고도 정리를 하는데, 여러개의 일의 단위를 묶어서 사용할 때 사용한다.
console.log 도 자바스크립트에서 기본적으로 제공해주는 함수이다.

함수 예시) 햄버거만들기

console.log("빵두기")
console.log("상추두기")
console.log("고기패티두기")
console.log("뚜껑덥기")

console.log("감튀박스선택")
console.log("감튀 담기")

console.log("콜라통 선택")
console.log("얼음담기")
console.log("콜라담기")

매번 이런식으로 따로 따로 코드를 관리를 하게 되면 복잡하고 실수를 하게 된다.
그래서 필요한 function 함수로 하나로 묶어서 사용을 한다.

function 이름을 지을땐 코드에 어울리는 단어로 만드는게 좋다.

function makeBurger(){
    console.log("빵두기")
    console.log("상추두기")
    console.log("고기패티두기")
    console.log("뚜껑덥기")
}

함수를 호출할땐 makeBurger() 뒤에 괄호를 붙힌다.

함수정보를 수정하기

매개변수를 달리하여 바꾼다.
makeBurger("새우")
makeBurger("불고기")

function makeBurger(){
    console.log("빵두기")
    console.log("상추두기")
    
    if(type == "불고기"){
    	console.log("고기패티두기")
    }else if(type == "새우"){
    	console.log("새우패티두기")
    }
    
    console.log("고기패티두기")
    console.log("뚜껑덥기")
}

매개변수는 1개만 넣을 수 있지 않고, 여러개로 구분해서 넣을 수 있는데,
순서대로 매개변수값이 순차적으로 들어간다.

ex) console.log(type,size,num)

return

어떤 값을 반환하는 것이라고 보면되는데, 함수가 끝난 후에 어떤 결과값이 필요할 때 사용한다.

function makeBurger(){
    console.log("빵두기")
    console.log("상추두기")
    
    if(type == "불고기"){
    	console.log("고기패티두기")
    }else if(type == "새우"){
    	console.log("새우패티두기")
    }
    
    console.log("고기패티두기")
    console.log("뚜껑덥기")
    
    return "완료되었습니다."
}

let rusult = makeBugger()
//makeBugger라는 함수가 끝나고 나서 생기는 결과를 result 변수에 담는다.
console.log("버거 프로세스 결과", result)

함수안에 또다른 함수로 넣을 수 있다.

제일 많이 쓰이면서도 편리한 함수 function 무조건 써야할 정도로 모르면 안되는 부분이기 때문에 이름을 정하고 변수명을 지정, 매개변수값까지 체크하고 넘어간다.