JavaScript 기초 10 - 함수(function)

function 구조

function 함수명(매개변수 1, 매개변수 2.....){
  실행 코드
}

매개변수는 없어도 되고 여러 개여도 됨

 

호출할 때는

함수명(매개변수)

으로 호출

 

ex)

function helloMsg(name){
  console.log("hello " + name);
}

helloMsg("gm");

 

여러 번 쓰는 기능을 묶을 때 좋고

유지보수가 쉬워지는 장점이 있음.

 

전역 변수, 지역변수

let msg = "Hi";

function helloMsg(name){
  let temp = "local var";
  console.log("hello " + name);
}

 

msg변수처럼 함수 밖에서 쓰인 변수는 전역 변수 => 모든 곳에서 사용 가능

temp변수처럼 함수 안에서 쓰인 변수는 지역변수 => 함수 안에서만 사용 가능

 

return

function add(num1, num2){
  return num1+num2;
}	//num1, num2를 받아서 더한 값을 반환함

let number = add(3,5); // 8

장점

한 번에 한 작업에 집중

읽기 쉽고 어떤 동작인지 알 수 있게 네이밍