내일배움캠프 React트랙 75일차 회고 (2022.02.13)

1번 퀴즈

*참고 사항

거듭제곱 연산자(**)는 왼쪽 피연산자를 밑, 오른쪽 피연산자를 지수로 한 값을 구합니다. [BigInt](<https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/BigInt>)도 피연산자로 받을 수 있다는 점을 제외하면 [Math.pow()](<https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/pow>)와 같습니다.

다음 코드의 출력값을 서술하시오.

let square = {
  side: 10,
  getSquareArea() {
    return this.side ** 2;
  },
};
console.log(square.getSquareArea());

정답

정답: 100가 출력됩니다.

메서드 내부에서 사용한 this 키워드는 객체 자신을 가리키는 참조변수입니다.

즉, 위의 코드에서 this는 square라는 객체자신을 가리킵니다.

또한 ES6에서는 메서드를 정의할 때 function 키워드를 생략한 축약 표현을 사용할 수 있습니다.

참고 페이지(p.130, p.136)

2번 퀴즈

다음 person객체의 name 프로퍼티를 삭제하고, age프로퍼티의 value값을 27로 갱신하시오.

let person = {
  name: "Lee",
	age: 20
};

정답

delete person.name;

person.age = 20;
// 혹은
person["age"] = 20;

참고 페이지(p.132 ~ p.134)

3번 퀴즈

다음 코드의 출력값을 서술하시오.

function makeObj(name, age) {
  return {
    name,
    age,
  };
}
console.log(makeObj("okky", 23));
console.log(typeof makeObj("okky", 23));

정답

{ name: 'okky', age: 23 }
object

참고 페이지(p.134)