Javascript의 객체
객체는 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메소드라고 부릅니다)의 집합이다. 예제를 통해서 실제 객체가 무엇인지 알아보도록 하자.
객체만들어보기
var person = {
name: ['Bob', 'Smith'],
age: 32,
gender: 'male',
interests: ['music', 'skiing'],
bio: function() {
alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.');
},
greeting: function() {
alert('Hi! I\'m ' + this.name[0] + '.');
}
};
그 다음 개발자도구의 콘솔에서 이렇게 호출하면 호출된다.
person.name
person.name[0]
person.age
person.interests[1]
person.bio()
person.greeting()
위 person객체의
- name,age,gender,interests는 데이터 아이템으로 객체의 프로퍼티라고 한다.
- bio, greeting은 함수로 객체의 메소드라고 한다.
이런 person객체같은 것을 객체 리터럴이라고 한다. JSON은 이러한 Javascript 객체리터럴 문법을 따르는 문자열이다.
'Frontend' 카테고리의 다른 글
JS | Javascript에서 이벤트 등록하기, jQuery에서 이벤트 등록하기 (0) | 2020.02.10 |
---|---|
React | 배포하기 & 컴포넌트 만들기 (0) | 2020.02.07 |
Redis | Redis는 무엇일까? (0) | 2020.02.07 |
HTML | 메타태그 (0) | 2020.02.05 |
CSS | scroll을 제어하는 CSS (0) | 2020.02.05 |
댓글