객체

• 한 변수나 상수를 선언하게 될 때 하나의 이름에 여러 종류의 값을 넣을 수 있다.
• 비구조할당(객체구조분해) - 특정 값들을 객체에서 떼어온다

const ironMan = {
	name: '토니 스타크',
	actor: '로다주',
	alias: '아이언맨' 
};
const captainAmerica = {
	name: '토니 스타크',
	actor: '로다주',
	alias: '아이언맨' 
};

console.log(ironMan);
console.log(captainAmerica);

function print({alias, name, actor}) { 
  const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다.`; 
  console.log(text); 
}

print(ironMan);
print(captainAmerica);

객체 안에 함수 넣기

const dog = {
	name : '멍멍이',
	sound : '멍멍!'
	say : function say() {
		console.log(this.sound);
		//여기서 this란 이 함수가 위치한 객체, 즉 자기가신을 의미한다.(this === dog)
	}
}

// const dog = {
//   name : '멍멍이',
//   sound : '멍멍!',
//   say : () => { 
//     //여기서 화살표 함수는 작동하지 않음, 화살표함수의 this는 자신이 속해있는 곳으로 연결하지 않음
//     console.log(this.sound); 
//   }
// };

const cat = {
  name : '비키',
  sound : '냐옹'
}

cat.say = dog.say 
//dog에 만든 함수를 밖으로 꺼내면 꺼내는 순간 this와의 관계가 사라짐
dog.say();
cat.say();

이 글은 패스트캠퍼스 '프론트엔드(React)올인원패키지Online'을 수강하며 정리한 노트입니다.
https://fastcampus.co.kr/search?keyword=%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C