Javascript

(Javascript) function

JJeongHyun 2023. 1. 13. 15:58
반응형

Function 란?

  • 함수는 기능을 실행하는 코드에 이름을 짓는 기능이다.
  • 변수가 데이터의 이름을 짓는다 처럼 함수도 이름을 선언하고 정의할 수 있다.
  • 중괄호 안에 실행할 코드를 기입 하면 된다
    • () 소괄호 안에는 함수를 사용할 때 함수에게 정보(매개변수)를 입력
  • 선언 방식
    • 함수 선언식
    • 함수 표현식
    • 화살표 함수
function test() {
  console.log("넣고 싶을 걸 넣어봐 !");
}

함수 선언문 ) test 함수 호출

 

let test2 = function () {
  console.log("함수를 초기화합니다.");
  console.log("해당 형식으로 함수를 초기화 하는 방식을 : 함수 표현식");
};

함수 표현식으로 된 함수를 호출

const test3 = () => {
  console.log("함수를 초기화 합니다.");
  console.log("해당 형식으로 함수를 초기화 하는 방식을 : 화살표 함수");
};

 

화살표 함수

 

매개변수 함수

  • 매개변수는 함수에게 데이터를 전달한다
  • 함수가 사용해야 할 데이터를 호출할 때 전해 준다
function addFunc(firstNum, secondNum) {
  console.log(firstNum + secondNum);
}
addFunc(2, 3);

addFunc(2,3) 호출에 대한 결과

function addFunc2(firstNum, secondNum) {
  return firstNum + secondNum;
}
let answer = addFunc2(6, 13); // return 받은 값을 answer라는 변수에 초기화

 

addFunc(6, 13)의 값을 초기화 한 answer