[JavaScript]객체
2024. 4. 3. 09:51ㆍ멋쟁이사자처럼
key:value 형태로 저장
const dog = {
name: "멍멍이",
age: 2
};
const ironMan = {
name: '토니 스타크',
actor: '로버트 다우니 주니어',
alias: '아이언맨'
};
const captainAmerica = {
name: '스티븐 로저스',
actor: '크리스 에반스',
alias: '캡틴 아메리카'
};
console.log(ironMan);
console.log(captainAmerica);
객체 안에 함수를 넣을 수도 있다
const dog = {
name: '멍멍이',
sound: '멍멍!',
say: function say() {
console.log(this.sound);
}
};
dog.say();
- 함수가 객체안에 들어가게 되면, this 는 자신이 속해있는 객체를 가르키게 된다.
함수를 선언할 때 이름이 없어도 된다
const dog = {
name: '멍멍이',
sound: '멍멍!',
say: function() {
console.log(this.sound);
}
};
dog.say();
*객체 안에 함수를 넣을 때, 화살표 함수로 선언하면 제대로 작동하지 않는다.
이유는, function 으로 선언한 함수는 this 가 제대로 자신이 속한 객체를 가르키게 되는데, 화살표 함수는 그렇지 않기 때문이다.
'멋쟁이사자처럼' 카테고리의 다른 글
[JavaScript] 반복문 (1) | 2024.04.03 |
---|---|
[JavaScript] 배열 (0) | 2024.04.03 |
[JavaScript] 함수에서 객체를 파라미터로 받기 (0) | 2024.04.03 |
[JavaScript] 함수 (0) | 2024.04.03 |
form태그 (get, post 방식의 차이) (0) | 2024.04.03 |