바닐라 JS) 6. 함수 사용하기

송민경's avatar
Aug 30, 2024
바닐라 JS) 6. 함수 사용하기

1. 함수 만들기

  • 함수는 캡슐화를 해서 여러 번 사용할 수 있게 해줌
// 함수 만들기 function sayHello() { console.log("Hello!"); } // 함수 사용하기 sayHello(); sayHello(); sayHello();
notion image
  • 매개변수를 이용해서 함수 출력하기
// 함수로 만들기 function sayHello(name) { console.log("Hello my name is " + name); } // 함수 사용하기 sayHello("min"); sayHello("kyung"); sayHello("song");
notion image
 

2. 객체 안에 함수 만들기

  • 함수 만들기
const player = { name : "min", sayHello: function() { console.log("hello!"); } }; console.log(player.name); player.sayHello();
notion image
  • 매개변수로 함수 출력하기
const player = { name: "min", sayHello: function(otherName) { console.log("hello! " + otherName); } }; // sayHello 메서드 호출 시, 문자열 인자를 전달해야 합니다. player.sayHello("song");
notion image

3. 계산기 만들기

// 계산기 객체 const calculator = { // 덧셈 함수 plus: function(a, b) { console.log(a + b); }, // 뺄셈 함수 minus: function(a, b) { console.log(a - b); }, // 곱셈 함수 multiply: function(a, b) { console.log(a * b); }, // 나눗셈 함수 divide: function(a, b) { if (b !== 0) { console.log(a / b); } else { console.log("Error: Division by zero is not allowed."); } } }; calculator.plus(10,5); calculator.minus(100,30); calculator.multiply(10,40); calculator.divide(10,5); calculator.divide(0,0);
notion image
Share article

vosw1