More Function Fun

김서하·2021년 4월 17일
0
/*function myDear(name, age) {
console.log(`Hello ${name}, you are ${age} years old`);
}*/

function myDear(name, age) {
return `Hello ${name}, you are ${age} years old`;
}



const greetSh = myDear("Seoha", 27);

console.log(greetSh);

★ 여기서, greetSh는 myDear 함수의 return 값과 같다. 
뭔 소리냐? 함수에 return 값을 써주지 않으면, 
greetSh 변수를 출력하려 해도 값이 나올 수 없다. 
왜냐하면, return의 기능이 함수 내부의 값을 외부로 
꺼낼 수 있는 기능을 하기 때문이다. 
그래서 외부에서 사용하고 싶으면 꼭!!! 
함수 내부에 return 값을 적어줘야 한다. ★

---
const calculator = {
plus: function (a, b) {
return a + b;
},
minus: function (a, b) {
return a - b;
},
multiple: function (a, b) {
return a * b;
},
division: function (a, b) {
return a / b;
},
square: function (a, b) {
return a ** b;
},
};

// console.log(greetSh);
const plus = calculator.plus(10, 10);
console.log(plus);
const minus = calculator.minus(10, 5);
console.log(minus);
const multiple = calculator.multiple(10, 1000);
console.log(multiple);
const division = calculator.division(1000, 10);
console.log(division);
const square = calculator.square(100, 10);
console.log(square);

마찬가지로 여기서도 굳이 a, b라는 인자를 사용하지 않고 
본인이 원하는 임의의 이름으로 지어도 상관없다.

★★★ 이해가 잘 가지 않으니, 풀어서 찬찬히 생각해보자★★★
여기서 plus, minus, multiple, division, square 들은 
object{}로 나열된 데이터들이고 각각의 데이터 안에 각기 다른 
함수를 선언한 것뿐이다. 물론 이 값을 외부에서 출력하기 위해서 
함수 내부에 return을 써준 것이다. **(제곱 연산자)

plus, minus, multiple, division, square란 이름의 
변수를 선언하고(!! 꼭 데이터의 이름과 같을 필요는 당연히 없다.), 
이 각각의 변수 값에는 위에 선언된 calculator란 변수에 있는 데이터의 값을 
저장할 것이다. 그리고 각 인자에 맞는 값을 넣어서 
각각의 데이터의 값을 출력하고자 한다.
profile
개발자 지망생 서하입니당

0개의 댓글