Object

const superman = {
 	name : 'clark',
    age : 33,
}

// name : key , 'clark' : value 

Object 접근 , 추가 , 삭제

접근

• superman.name // 'clark'
• superman['age'] // 33

추가

• superman.gender = 'male';
• superman['hairColor'] = 'black';

삭제

• delete superman.hairColor;

Object 단축 프로퍼티

const name = 'clark';
const age = 33;

const superan = {
 	name : name,
    age : age,
    gender : 'male',
}

--> 이를 간략하게

const superman = {
 	name, // name : name
  	age, // age : age
  	gender : 'male',
}

Ojbect 프로퍼티 존재 여부 확인

superman.birthDay;
//undefined

'birthDay' in superman; // false
'age' in superman; // true

for ... in 반복문

for (let key in superman){
 	console.log(key)
  	console.log(superman[key])
}

method : 객체 프로퍼티로 할당된 함수

const superman = {
	name : 'clark',
  	age : 33,
  	fly : function(){
    	console.log('날아갑니다');  // 메소드 !
    }
}

const user = {
	name : 'Mike',
  	sayHello : function(){
     	console.log(`Hello, I'm ${this.name}`); 
    }
}

• this 는 실행하는 시점 즉 , 런타임에 결정된다.

• 화살표 함수는 일반 함수와 달리 자신만의 this를 가지지 않기 때문에 화살표 내부에서 this 를 사용하면, 그 this는 외부에서 값을 가져오는데

• 화살표 함수를 통해 this를 사용하면 전역객체에서 값을 가져오게 된다 브라우저 환경에서 전역객체는 window이고 Node.js 에서의 전역객체는 global이다.