블로그#3 : 함수(function)

JavaScript의 기본 구성 요소로 JavaScript의 함수는 특별한 작업을 수행하는 독립적인 블록입니다. 함수는 만들고 호출하여 반복적으로 사용 가능합니다. 함수로 쓰이려면 입력을 반드시 받아야 하고 입력과 명확한 관계가 있는 출력을 반환해야 합니다.

함수(function) 기본 구성

function 함수이름( 매개변수1, 매개변수2, ... ) { 함수를 호출하고 실행하고 싶은 실행문을 작성합니다. }

매개변수(parameter) : 함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수를 의미합니다.
인수(argument) : 함수가 호출될 때 함수로 값을 전달해주는 값을 말합니다.

함수 사용 예시1

function helloFunc() { //함수 'helloFunc'를 선언합니다.
  console.log(12345); //수행할 코드를 입력합니다.
}
helloFunc() //'helloFunc()'를 입력하여 함수를 호출하면 콘솔창에 표시됩니다.

함수 사용 예시2

function returnFunc() { //함수명 returnFunc() 함수를 선언합니다.
  return 12345; //12345를 리턴하여 반환합니다.
}
let a = returnFunc(); //변수 a는 위에 반환된 1234가 들어있는 함수 returnFunc를 호출합니다.
console.log(a); //콘솔로그 a를 호춯하여 표시합니다.

함수 매개변수 사용

// 매개변수 사용하여 재사용
// (a, b)는 매개변수이다.

function sum(a, b) {
  return a + b;
}
let d = sum(15, 10); //매개변수가 받아주는 15, 10과 같은 데이터를 인수라 합니다.
let e = sum(30, 20);
let f = sum(12, 35);

console.log(d, e, f);

지역변수(local variable)

함수 내부에서 선언된 변수입니다. 해당 지역에서 선언되는 순간 메모리가 생성되고 해당 지역을 벗어나면 소멸됩니다. 지역 변수는 함수 안에서만 접근할 수 있습니다.

전역변수(Global Variable)

함수 외부에 선언된 변수입니다. 프로그램 전체에 접근할 수 있습니다. 같은 이름을 가진 ‘지역 변수’에 의해 가려지지만 않는다면 모든 함수에서 접근할 수 있습니다.

기명함수(named function)

특정 이름으로 정의되고 프로그램 전체에서 해당 이름으로 호출될 수 있는 함수입니다. 기명함수는 일반적으로 특정 작업을 수행하는 재사용 가능한 코드 조각에 사용되며 여러 번 호출할 수 있습니다.

function hellos() { //함수 hellos를 선언합니다.
  console.log('Hello!'); //이 함수를 사용하면 콘솔로그에 Hello! 가 출력됩니다.
}

hellos(); //함수 hellos()를 호출합니다.

익명함수(Anonymous Function)

특정 이름 없이 정의된 함수입니다. 대신 표현식 내에서 정의되며 일반적으로 변수에 할당됩니다. 익명 함수는 일반적으로 프로그램의 다른 곳에서 재사용할 의도가 없는 더 짧고 지역화된 코드 조각에 사용됩니다.

let world = function () { //World를 선언하고 함수를 연결합니다.
  console.log('World!'); //이 함수를 사용하면 콘솔로그에 World! 가 출력됩니다.
}

world(); //World() 함수를 호출합니다.

객체 데이터내 함수 표현은 '메소드'

const dicepteds = {
  name: 'DICEPTED',
  age: 86,
  getName: function () { //속성에 함수가 할당되어 있으면 '메소드'라고 한다.
    return this.name;
  }
};