[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