JavaScript로 크롬 앱 만들기 #4

노마드 코더 - 바닐라 JS로 크롬 앱 만들기 #4

✔ 함수(function)

• 계속 반복해서 사용할 수 있는 코드 조각
• 어떤 코드를 캡슐화하여 실행을 여러 번 할 수 있게 해준다.
• 함수 실행을 위해서는 argument가 필요하다.

✔ argument(매개변수)

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

sayHello("nico", 10);
sayHello("dal", 23);
sayHello("lynn", 21);

→ nameOfPerson, age가 각각 String과 숫자형으로 전달되었다.

✔ 객체 안에 함수 생성하기

const player = {
  name: "Heeseung",
  sayHello: function() {
    console.log("Hello!");
  }
};

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

• 일반 함수 생성과 달리 객체의 속성을 나타내는 것과 비슷하다.
• 함수명: function() { 함수 내용 }으로 나타낼 수 있다.

---

📝 Homework

계산기 완성하기

const calculator = {
  add: function(a, b) {
    console.log(a+b);
  },
  minus: function(a, b) {
    console.log(a-b);
  },
  divide: function(a, b) {
    console.log(a/b);
  },
  multiply: function(a, b) {
    console.log(a*b);
  }
};

calculator.add(6, 3);
calculator.minus(4, 1);
calculator.divide(10, 5);
calculator.multiply(4, 3);

9
3
2
12