javscript 함수(function)

함수

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

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

• return (반환)

function returnFunc(){
  return 123;
}
let a = returnFunc();
console.log(a); // 123

• Parameters/Arguments

// 함수 선언!
function sum(a, b) { // a와 b는 매개변수 (Parameters)
  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 word = funcion() {
	console.log('World~')
}

// 함수 호출!
hello(); // Hello~
world(); // World~

• Method : 객체데이터 내부에서 속성부분에 함수 데이터 할당

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

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

console.log(heropy.getName()); /// HEROPY

• 화살표 함수

// 화살표 함수
// () => {}  vs function() {}

// 파라미터가 없는 경우
const funcName = () => {};
// 파라미터가 하나인 경우
const funcName = param1 => {};
// 파라미터가 둘 이상인 경우
const funcName = (param1, param2) => {};
// 함수 바디가 한 줄인 경우(single-line block)
const squareNum = num => num * num
// 함수 바디가 여러 줄인 경우(single-line block)
const squareNum = num => {
	const square = num * num
    return square;
}

// ex)
const double = function (x) {
  return x * 2
}
console.log('double: ', double(7)); // double: 14

const doubleArrow = x => x * 2
console.log('doubleArrow:', doubleArrow(7)); //doubleArrow: 14

// 화살표 함수 객체 (소괄호로 감싼 후 중괄호)
const doubleArrow2 = x => ({name: 'Heropy'})
console.log(doubleArrow2()); // {name: 'Heropy'}