카테고리 없음

[Java Script] 객체/ 하나의 객체에 여러가지 값을 넣음/ 호출 방법/ 함수에 활용방법 / 객체에서 함수만들기/ 함수에서 this

자바칩 프라푸치노 2021. 4. 22. 23:36

const dogName = '멍멍이';
const dogAge = '12';

const dog = {
  // 키: 값
  name: '멍멍이',
  age:2,
  cute : true
}


console.log(dog.name);
console.log(dog.age);

하나의 객체에 여러가지 값을 넣을 수 있음

호출은 변수.키 값으로 호출한다

 

예제

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

console.log(ironMan.actor);

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

print(ironMan);

 


심화

객체에서 함수 만들기

 

const dog ={
  name : '멍멍이',
  sound : '멍멍',
  say : function say(){
    // 함수에 있는 this는 자기가 속해있는 것을 가리킨다.
    //화살표 함수를 쓰면 this를 쓸 수 없다.
    console.log(this.sound);
  }
};

const cat ={
  name: '야옹이',
  sound: '야옹~'
};
cat.say = dog.say;
dog.say();
cat.say();

cat.say는 정의해주지 않았는데 dog.say의 함수를 가져온다는 뜻이다.

그 say에는 console.log 자신의 sound를 출력하라고 되어있으니

cat에 왔을때는 야옹을 출력한다

 

 

728x90