재유's

[JavaScript] 객체 본문

IT Story/ : : JAVASCRIPT

[JavaScript] 객체

Stella_NY 2019. 1. 30. 11:04

객체



하나의 변수 안에 또 다른 변수들과 함수들을 기능의 성격에 따라 하나의 그룹으로 묶어서 포함시켜 놓은 형태

- 객체는 웹페이지에 보여지는 모든 것이 될 수 있다.

* HTML  태그가 JS에서는 객체로 인식될 수 있다.[각주:1]

* 즉, HTML 태그 안에 있는 변수와 함수가 내장되어 있다는 의미가 된다.

- 객체 안에 포함된 변수를 프로퍼티 혹은 멤버변수 라고 한다.

- 객체 안에 포함된 함수를 메서드라고 한다. (보통 함수라고 이야기한다)

- 메서드 안에서 같은 객체 내의 프로퍼티나 다른 메서드에 접근하기 위해서는 this키워드를 사용한다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 비어 있는 임의의 변수 = 객체
var foo = {};
 
// 프로퍼티 정의
foo.num1 = 100;
foo.num2 = 200;
 
//메서드 정의
foo.sum = function () {
    return this.num1 + this.num2;
};
 
// 객체 내의 메서드 호출
var result = foo.sum(); //300이 리턴된다.







  1. var tag = document.getElementById("id값"); tag.innerHTML = "~"; [본문으로]

'IT Story >  : : JAVASCRIPT' 카테고리의 다른 글

[JavaScript] 배열(Array)  (0) 2019.01.30
[JavaScript] 내장객체  (0) 2019.01.30
[JavaScript] 함수 정의의 또 다른 방법  (0) 2019.01.30
[JavsScript] JavaScript 특성  (0) 2019.01.30
[JavaScript] 이벤트  (0) 2019.01.29
Comments