JS_function

함수(function)

함수특징

• 함수(function)은 java로 따지면 메소드와 비슷하다.
  다만 메소드는 클래스 내부에 종속되어 있으나
  function함수는 독립적으로 존재한다.

• 함수는 우선 어떤 목적을 가진 작업들을 수행하는 코드들이 모인 블럭이다.

• 일반적으로 (입력 -> 함수 -> return -> 출력) 형태를 갖는다

함수 출력 예시

//두값을 입력 받아서 더하기를 하는 함수
function add(a,b) {
 return a+b; 
}

//함수는 중복 코드를 함수단위로 묶어서 출력할수 있다.
//이름 출력 코드 함수 사용 비교 예시
let lastName='아저씨';
let firstName='뚱이';
let fullName=`${lastName} ${firstName}`;
console.log(fullName);

//함수를 이용한 코드
function fullName(firstName, lastName) {
 return `${firstName} ${lastName} 🖐️`; 
}

let lastName='아저씨';
let firstName='뚱이';
console.log(fullName(firstName.lastName));

함수 return

• return문은 함수에서 결과값을 반환할 때만 사용한다.
• 함수에서 return문만 실행되면 코드가 강제 종료 된다.

반환값이 있는 return

function add(a,b) {
 return a+b; 
}
const result=add(1,2);
console.log(result);
//return은 a와 b의 값을 더한것을 반환한다.

함수자체를 종료시키는 return

function sqyBestSong() {
 console.log('제가 가장 좋아하는 노래는 비의 La Song입니다.');
  return;
  console.log('La Song하니깐 생각이 나는건데...');
}
sayMyBestSong(); //제가 가장 좋아하는 노래는 비의 La Song입니다.
//return은 첫번째 log만 실행이 되고 return 밑에 있는 로그는 실행되지 않는다.

함수 매개변수(Paramenters)

• 매개변수의 기본값은 무조건 undefined이다.
• 매개변수의 정보는 함수내부에서 접근이 가능 arguments객체에 저장된다.
• 함수를 선언할때 매개변수를 작성하면 함수를 호출할때 임의 값을 함수내부로 전달할 수 있다.

함수의 매개변수 출력예시

function sayHello(name) {
 console.log('안녕하세요. ${name} 님'); 
}
sayHello('Bigtop'); //안녕하세요 Bigtop님

함수 선언문과 표현식

• 함수 선언문을 좀 더 간결하게 표현하기 위한 방법이 바로 함수 표현식이다.
• 함수 선언문 function name() {}
• 함수 표현식 const name=function() {}

함수 선언문과 표현식출력 예시

let add=function(a,b) {
 return a+b; 
}
console.log(add(1,2));

//화살표 함수라는 함수표현식으로 코드를 간결하게 만드는 것
//const name = () => {실행문} function은생략 가능
//add함수 표현식으로 바꾸기
add = (a,b) => {return a+b};
console.log(add(1,2));

//코드안에서 특별한 일을 하지 않고 어떤 값을 바로 return하는 경우라면 {}대괄호 생략 가능하고 return도 생략 가능하다.

add = (a,b) => a+b;
console.log(add(1,2));