Javascript 함수 정의

뉴비·2024년 10월 21일

자바 스크립트

목록 보기
10/20

함수란?

  • '불러서 쓸 수 있는 코드 조각'이다. 변수를 선언하고 데이터를 대입하면 변수의 이름을 데이터(값) 대신 사용할 수 있는 것처럼, 함수를 선언하고 기능을 정의하면 함수의 이름을 코드 조각 대신 사용할 수 있다.

함수를 만드는 두 가지 방법

function 함수명(){    // 함수선언식
  // 함수의 기능을 표현한 문구
}
const 함수명 = function(){  //함수표현식
//함수의 기능을 표현한 구문
}

주의점

함수가 만들어지고 나면, 함수명은 스스로 보관하고 있는 구문 대신 사용될 수 있다. 그리고 함수가 사용되기 위해서는 함수를 '호출'해야만 한다.

const saytHello = fuction(){
  let number = 3 + 3
  console.log (number)
}

sayHello() //함수호출
  • 함수를 호출할 때는 함수의 이름 뒤에 반드시 소괄호를 붙여줘야 한다!

함수에 데이터 전달

함수 호출문은 '함수명 + 소괄호'이다.
소괄호의 역할은, 함수가 실행될 때 사용할 재료를 전달받는 것이다. 재료란 데이터를 뜻하며, 이렇게 전달되는 데이터를 가르켜 '인수(argument)'라 한다!

인수를 전달할 수 있으려면

인수를 전달받아 기능을 수행하는 함수를 만들 때는, 함수 정의 시 '매개변수(parameter)'를 추가해야한다. 이느 ㄴ함수의 기능을 다양화하는 유용한 도구다.

원하는 만큼 사용 가능.

매개변수를 원하는 만큼 추가할 수 있고, 두개 이상일 경우 각각을 쉼표로 구분해주어야 한다.

함수의 값 반환

함수를 만들 때, 함수가 데이터를 반환하도록 할 수 있다.
함수가 데이터를 반환한다는 것은, 함수 호출문이 데이터로 대체됨을 뜻한다
예로써

// 그냥 3을 출력
console.log(3)
//3을 반환하는 함수 호출문을 출력
console.log(getThree())
  • 함수가 데이터를 반환하려면, '이 데이터를 반환한다'라는 구문을 함수 내부에 추가해 주어야 한다. 이 때 키워드 return이 사용된다.
function getThree(){
  //이 함수를 호출하면, 호출문이 3을 반환할 것!
  return 3;

return 키워드는 두 가지 기능을 가지고 있다. 데이터 반환, 그리고 함수 강제 종료!

profile
뉴비입니다

0개의 댓글