JS 함수(function)을 알아보자

Kwangmo Yang·2022년 7월 2일
0

Front-end

목록 보기
4/7
post-thumbnail

함수는 왜? 써야하나요

  • 코드의 재사용성 향상
    동일한 작업을 반복적으로 수행해야하는 경우가 있음
    동일한 내용의 코드를 반복적으로 써야하는 순간
    이런경우는 동일한 코드를 계속 중복 작성보다는
    함수에 묶어 필요할때마다 쓰는것이 효율적

  • 함수는 코드의 간소화를 이룰수 있기도 한다.

함수의 구조를 파악해보자

함수의 구현부

//함수 구현부(선언부/선언문)
//function 키워드 + 함수명(매개변수1, 매개변수2)
function test(a, b){
    // 함수 호출시 실질적으로 동작하는 코드들
    var result = a+b;
    // return : 반환값;
    //  -> 함수 종료시 호출부에 전송될 값.
    return result;
}

함수의 호출부

//함수 호출부(함수는 호출부 없이 동작하지 않음.)
console.log(test(10, 20));

인수(argument)와 매개변수(parameter)

인수 : 함수로 넘겨줄 값
매개변수 : 인수에서 넘어온 값을 함수에서 사용할수 있도록 정의하는 변수

함수의 예시

function startFunc(){
    alert("나는 함수에서 호출된 알림창.");
}

함수의 특징

  1. 일급객체
 일급객체란? : 프로그래밍 언어에서 타입을 전달, 리턴받거나
               그리고 할당이 가능한 타입
               변수나 데이터 구조안에 담을수 있음 (js만)
               피라미터(매개변수)로 전달할수 있다
               리턴값으로 사용할수 있다
  1. 함수를 변수에 집어넣을수 있다. (java는 안됨)

  1. 리턴 :
 리턴값이 없는 함수 (결과값이 없는 함수)
 함수 내부에 리턴이 없다면
 호출부의 값을 확인할시 undefined 라는 결과를 볼 수 있음
	-> 결과값이 없다 라는 얘기는 함수를 실행한후
     	어떠한 값도 받아올수 없다 라는 의미
function startFunc(){
    console.log("내가 결과값이 없다고?");
}

console.log(startFunc());	
profile
국비교육중 22.04.26~

0개의 댓글