JS함수의 정의와 호출의 차이점

함수의 정의와 호출 한눈에 보기👀

함수는 크게 함수를 "정의"하는 부분과 "호출"하는 부분으로 나뉘어져있다

function 뒤에 함수의 이름을 지정해주고 소괄호와 중괄호를 만들어줍니다
소괄호에는 parameter(매개변수)가 들어간다(매개변수는 설정하지 않거나 여러개 설정가능하다)
중괄호에는 함수에 사용할 코드를 적고 return(반환값)이 있으면 마지막에 설정해준다

function 식별자 | 함수 정의 시 함수를 구별하기 위해 사용
parameter 매개변수 | 함수 내부로 입력을 전달받는 함수
return 반환값 | 함수의 실행결과를 출력하기 위해 사용
argument 인수 | 함수 호출 시 함수의 매개변수를 통해 받은 입력

함수의 정의

1.기능수행만 하는 함수(함수처리)

function printHello(){
 console.log("Hello world!");
}

2. input과 기능 수행만 있는 함수(매개변수, 함수처리)

function myName(name){
 console.log("My name is : " + name);
}

3) 기능수행과 output만 있는 함수(함수처리,반환값)

function addNumbers(){
	let result = 100 + 200;
	return "100+200 = " + result;
}

함수의 선언

//함수선언
function 함수명(){
실행할코드
}

함수의 호출

정의된 함수들은 실행이 되지 않는다. 실행을 하려면 꼭 함수 외부에서 호출을 해주어야 한다!
즉, 함수를 실행하기 위해서는 꼭 함수를 호출해주어야한다!!

//함수선언
function 함수명(){
실행할코드
}

//함수호출
함수명() 

return

return이란 함수 내부에서 사용한다
호출한 데이터 전달 역할 과 함수의 종료 를 의미한다
모든 함수는 반환을 하는 것이 기본적이지만 생략도 가능하다
함수가 반환을 생략하면 undefined라는 값을 반환하게 된다

//콘솔에서 return값 확인
const age =96;

function calculateKrAge(ageOfForeigner){
return ageOfForeigner+2 ;
}
console.log(calculateKrAge())

//변수에 return값 넣고 변수를 콘솔에서 확인
const age =96;

function calculateKrAge(ageOfForeigner){
return ageOfForeigner+2 ;
}

const KrAge = calculateKrAge(age)

console.log(KrAge) //98

Parameter(매개변수)

함수가 실행하는 동안 어떤 정보를 함수에게 보낼 수 있는 방법이다
매개변수는 여러 개를 작성 할 수도 있다
2개 이상의 매개변수가 필요한 경우에는 쉼표로 구분해서 작성하면 되고,
호출 시에는 선언할 때의 순서에 맞춰서 값을 전달 하면 된다.
인자를 넣지 않고 함수를 호출하게 되면 undefined로 출력되며 인자에는 여러가지 자료형을 담을 수 있다

function sayHello(nameOfPerson) {
console.log("my name is"+nameOfPerson);
}

sayHello("nico") //my name is nico
sayHello("dal") //my name is dal
sayHello("lynn")] //my name is lynn

 // nameOfPerson은 "nico" "dal" "lynn" 을 인수로 받음

객체 안에서 매개변수가 인수를 받는 방법

function add(a,b){
    console.log(a+b);
}

add(3,4) //함수부르기

const coculator={
    add:function(a,b){
        console.log(a+b);
    },
}

coculator.add(2,3) //객체에서 함수 부르기