자바스크립트 함수

윤수민·2022년 10월 4일
0
post-thumbnail

#1 함수란?

  • 함수(Function) : 함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미합니다. function 키워드를 사용하여 사용할 수 있습니다. 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있습니다.

  • 자바스크립트 함수 : 자바스크립트에서는 함수도 하나의 타입(datatype)입니다. 따라서 함수를 변수에 대입하거나, 함수에 프로퍼티를 지정하는 것도 가능합니다. 또한, 자바스크립트 함수는 다른 함수 내에 중첩되어 정의될 수도 있습니다.

#2 함수의 선언

  • 함수의 정의 : 자바스크립트에서 함수의 정의는 function 키워드로 시작되며, 다음과 같은 구성요소를 가집니다.
    1. 함수의 이름
    2. 괄호 안에 쉼표(,)로 구분되는 함수의 매개변수(parameter)
    3. 중괄호({})로 둘러싸인 자바스크립트 실행문

  • 문법 : 자바스크립트에서 함수를 정의하는 문법은 다음과 같습니다.
function functionName(parameter1, parameter2,...) {
    console.log("Hello"); //함수가 호출되었을 때 실행하고자 하는 실행문
}
functionName(파라미터의 값); //함수의 호출

함수의 이름(function name)은 함수를 구분하는 식별자(identifiier)입니다.
매개변수(parameter)란 함수를 호출할 때 인수(argument)로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수입니다.

#3 반환(return)문

  • 반환(return) : 자바스크립트에서 함수는 반환(return)문을 포함할 수 있습니다. 이러한 반환문을 통해 호출자는 함수에서 실행된 결과를 전달받을 수 있습니다. 반환문은 함수의 실행을 중단하고, return 키워드 다음에 명시된 표현식의 값을 호출자에게 반환합니다. 반환문은 배열이나 객체를 포함한 모든 타입의 값을 반환할 수 있습니다.
//예시
function addNumber(x,y) {
  return x - y;  //x를 y만큼 뺀 결과를 반환함.
}
addNumber(10,5)  //함수의 호출

#4 기초문제 풀기

  • addNum함수를 작성해주세요. 함수의 리턴값이 50이 출력되도록 내용을 추가해주세요.
function addNum(x, y) {
  return x * y;
}
addNum(10,5)
// --> return 50
  • addNum라는 이름의 함수를 선언한뒤 x,y라는 매개변수 를 할당해 주었다.
  • 함수의 실행문으로 return x * y;를 할당해 주었다.
  • addNum(10,5)로 함수를 호출해준뒤 매개변수 x의 값으로 10 y의 값으로 5를 할당해주었다.
profile
안녕하세요!

0개의 댓글