자바스크립트 기초 강좌 #7 - 객체(Object)

객체(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 단축 프로퍼티

 

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

const superman = {
   name : name,
   age : age,
   gender : 'male',
 }
 
 // 이를 간략하게 표현하면
 
 const superman = {
    name, // name : name
    age, // age: age
    gedner : 'male',
 }

 

Object 프로퍼티 존재 여부 확인

 

superman.birthDay; // undefined

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

 

 for... in 반복문

for(let key in superman) {
   console.log(key)              // name, age 
   console.log(superman[key])    // name , age에 대한 속성의 값 
 }

 

객체-method, this

 

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

 

const superman={
  name : 'clark',
  age : 33,
  fly : function(){           // function 키워드 생략가능 fly() 
     console.log('날아갑니다.')
     }
}

 

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

 

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를 사용하면 전역객체에서 값을 가져오게 된다. 브라우저 환경에서 전역객체는 window이고 Node.js에서의 전역객체는 global이다.