Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 자바 반복문
- 자바 public
- react ag grid
- 프로그래머스
- 변수
- MySQL
- 항해99 2기
- 자바 스캐너
- 자바 자동캐스팅
- 자바 구구단 출력
- 자바 switch문
- 자바 강제 캐스팅
- react with typescript
- 자바 삼항연산자
- java
- 자바 for문
- Vue3
- 정보처리기사실기
- 조코딩
- 자바 향상된 for문
- 자바 조건문
- 자바 공배수
- 자바 while문
- 타입스크립트
- 이클립스 DB연동
- 항해99
- 자바 if문
- TypeScript
- 자바
- Til
Archives
- Today
- Total
뇌 채우기 공간
[Java Script] 객체/ 하나의 객체에 여러가지 값을 넣음/ 호출 방법/ 함수에 활용방법 / 객체에서 함수만들기/ 함수에서 this 본문
카테고리 없음
[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