javascript function, return, 매개변수 이해하기

function 함수 이해하기

function 함수이름(매개변수) {
	함수본문
};

함수 선언

- function 선언

- 함수이름 작성

- ( ) 비워두면 익명함수 / 익명함수 선언시 변수명 필수

- ( ) 매개변수를 넣어서 작성하여도 됩니다.

- { } 중괄호를 열어서 내용을 넣습니다.

 

 

---

 

return 이해하기

function exEl() {
  return "hello";
}

console.log(exEl());

return은 function함수 내에서 반환하는 것으로 볼 수 있습니다.

위 코드를 보시면 exEl으로 콘솔 'hello' 문자가 반환되었다고 이해할 수 있습니다.

 

console.log(exel()); 실행을 하게 되면 콘솔에 "hello"가 나타나게 됩니다.

 

리턴은 값을 반환하기 때문에 함수이름에 값이 반환됩니다.

 

 

fucntion exEl() {
	console.log("ex1")
	return
	console.log("ex2")
	console.log("ex3")    
}

그외에도 return은 함수를 종료시킬 수 있습니다.

위코드로 예시를 들면 "ex1"만 반환하고 return 밑에 있는 값은 함수가 종료되기 때문에 반환되지 않습니다.

---

매개변수(parameter) 이해하기

function myName(name) {
	console.log(`안녕 ${name}`);
};

myName('codenote');

// 안녕 codenote

위 코드를 보면 보관법을 통해서 매개변수에 전달됩니다.

함수를 선언하면서 매개변수를 작성하게 되면 함수를 호출하면서 함수 내부로 전달이 됩니다.

 

 

 

function exEl(rows, columns) {
	return rows * columns;
};

const exEls = exEl(2, 2);

console.log(exEls);

위 코드에서는 exEl 이라는 예재로 이름을 지정했습니다.

rows, columns 행과 열을 매개변수로 넣었고 2개 이상의 매개변수가 들어가게 되면 ,로 구분할 수 있습니다.

return값으로 반환하게 되면 rows * columns 값이 exEl로 할당되는 코드입니다.

 

변수를 만들어 exEl에 값을 주게 되면 매개변수에 전달하게 됩니다.