function

function이란?

계속 반복해서 사용할 수 있는 코드 조각이다.

개발자는 가능한 적은 코드를 작성하고자 하기 때문에 필요하다.

어떤 코드를 캡슐화해서 실행을 여러번 할 수 있게 해준다.

 

function 만드는 방법

function sayHello(nameOfPerson, age) {
  console.log('Hello, My name is ' + nameOfPerson + ". I'm " + age + '.');
}

sayHello('nico', 20);
sayHello('dal', 30);
sayHello('lynn', 16);

// console

Hello, My name is nico. I'm 20.
Hello, My name is dal. I'm 30.
Hello, My name is lynn. I'm 16.

 

다른 예시 1.

function plus(firstNumber, secondNumber) {
  console.log(firstNumber + secondNumber);
}

function divide(a, b) {
  console.log(a / b);
}

plus(8, 60);
divide(98, 20);

세부 설명 :

function plus(firstNumber, secondNumber) {
  console.log(firstNumber + secondNumber);
}

여기서 firstNumber 라는 매개변수는 저 함수 안에서만 사용 가능하다. 

밖에서 사용하면 ERROR!!

---

다른 예시 2.

const player = {
  name: 'jeong',
  sayHello: function (otherPersonName) { 
  // 오브젝트 안에선 함수명:function(){} 이렇게 사용한다.
    console.log('hello ' + otherPersonName + ' nice to meet you!');
  },
};

console.log(player.name);
player.sayHello('lynn');

세부 설명 :

console.log(player.name);

player.name 은 function이 아니기때문에 console.log로 실행해야 한다.

---

다른 예시 3.

const calculator = {
  add: function (a, b) {
    console.log(a + b);
  },
  sub: function (a, b) {
    console.log(a - b);
  },
  div: function (a, b) {
    console.log(a / b);
  },
  pow: function (a, b) {
    console.log(a ** b);
  },
  tim: function (a, b) {
    console.log(a * b);
  },
};

calculator.add(5, 1);
calculator.sub(5, 1);
calculator.div(5, 2);
calculator.pow(5, 4);
calculator.tim(5, 4);

- 나만의 계산기를 만들어보았다.