본문 바로가기
프론트엔드/JavaScript

함수

by step 1 2021. 5. 10.
반응형

함수: 특정 동작(기능)을 수행하는 일부 코드의 집합(부분) (function)

함수 호출 예제

// 함수 선언
function helloFunc() {
  // 실행 코드
  console.log(1234);
}

// 함수 호출
helloFunc(); //1234

 

return 함수 예제

// 함수 선언
function returnFunc() {
  // 실행 코드
  return 123;
}

let a = returnFunc();

console.log(a);

 

매개변수가 있는 함수 예제

// 함수 선언
// a와 b는 매개변수(Parameter)
function sum(a, b) {
  // 실행 코드
  return a + b;
}
// 재사용
let a = sum(1,2); // 1과 2는 인수(Arguments)
let b = sum(7,12);
let c = sum(2,4);

console.log(a, b, c); // 3, 19, 6

이름이 있는(기명) 함수와 이름이 없는(익명) 함수 예제

 

// 기명 (이름이 있는) 함수
// 함수 선언
function hello() {
  console.log('Hello');
}

// 익명(이름이 없는) 함수
// 함수 표현
let world = function () {
  console.log('world');
}

// 함수 호출
hello();
world();

객체데이터 함수 예제

// 객체 데이터
const happy = {
  name: 'happy',
  age: 11,
  // 메소드(Method)
  getName: function () {
    return this.name;
  }
};

const hisName = happy.getName();
console.log(hisName); // happy
// 혹은
console.log(happy.getName()); // happy

반응형

'프론트엔드 > JavaScript' 카테고리의 다른 글

DOM API  (0) 2021.05.10
조건문  (0) 2021.05.10
변수  (0) 2021.05.10
자료형  (0) 2021.04.29
iframe 내 요소와 부모 요소 간 통신 및 정리  (0) 2021.04.20