자바스크립트(javascript) 기초 _ 함수와 매개변수 사용

함수(function)

javascript에서의 함수는 기능에 따라 실행되는 명령어들을 묶어놓은 객체이며 특정 기능을 수행하는 코드들을 하나의 명령어로 묶어 놓은 덩어리이다.

[함수를 사용하는 이유]
-퍼포먼스의 효율적인 관리
-각 명령어의 시작과 끝을 정확하게 파악할 수 있다.
-함수의 이름을 붙여서 필요할 때마다 함수명만 호출해서 사용하면 되니 편리하다.
-함수명은 임의대로 작성하여 사용하나, 작성법 주의사항은 변수명과 동일하다.

인자와 인수

-인수(매개변수) : 함수의 괄호 안에 선언되는 변수로 인자의 값을 받아온다.

-인자 :  매개변수로 전달되는 실제 값

 

*매개변수는 특정한 함수 안에서만 사용되기 때문에 중복으로 사용할 수 있다.

*매개변수를 여러 개 사용할 땐 , 콤마로 구분한다.

*인수가 있을 때 인자는 필수이다.

function setMenu(a,b)

setMenu = 인수(매개변수)

a, b = 인자

var result = bulgogiSet('사이다','치즈볼')

function bulgogiSet(a,b){
        var burger = '불고기버거<br>';
        var drink = a + '<br>';
        var sideMenu = b + '<br>';
        return burger+drink+sideMenu
 }
 
 document.write('고객님은' + result + '를 주문하셨습니다')

*return은 함수를 호출하는 역할을 하며 외부로 값을 출력한다.

return문 앞에 값이 없다면 해당 함수를 종료하고, 값이 있다면 외부로 값을 보내고 종료된다.

* '<br>' 은 줄 바꿈 태그로 string(문자) 요소이기 때문에 ''(따옴표) 안에 작성해준다.

* document.write()는 해당 요소를 document 즉 body 부분에 표출해주는 함수로 위에서 정의한 함수들을 화면에 표시해다.