본문 바로가기
웹프로그래밍/Javascript|JQuery|Jsp

javascript Object

by Seras 2017. 9. 19.
반응형

javascript Object


객체의 기본개념

데이터(주채)와 그 데이터에 관련되는 동작(절차,방법,기능)을 모두 포함하고 있는 개념

정보를 가지고 있는 독립적인 주체


객체는 결국 껍데기(컴퓨터 = 케이스)

실제로 객체를 완성하는 구성요소들은 프로퍼티(Property)와 메소드(Method) (컴퓨터안에 부품)


ex)

var foo={};

 




프로퍼티(property)

객체에 속성을 나타내는 접근 가능한 이름과 활용 가능한 값을 가지는 특별한 형태 


ex)

var foo2= new Object();

foo2.name='masterPark';

alert(foo2.name);

  

메소드(method)

메소드는 객체가 가지고 있는 동작이다. 기본적으로 함수와 메소드가 서로 일련의 동작을 실행한다는 점에서 동일하기 때문에 구분을 못할수있다.


ex)


var fooMethod = {};

fooMethod.a = 15;

fooMethod.b = 10;

fooMethod.sum = function(){

alert(fooMethod.a + fooMethod.b);

};


fooMethod.sum();

1. Built-in Object(자바스크립트 내장객체)

Built-in Object 에는 Global,Object, String, Number, Boolean, Date, Array, Math, RegExp, Error 등 

많은 내장객체들이 있다. 이들은 자바스크립트 엔진이 구동되는 시점에서 바로 제공되며 자바스크립트코드 어디에서든 사용이 가능하다.

2. Native Object(브라우져 내장 객체)

3. Host Object(사용자 정의 객체)



javascript Object(객체) 생성


/* constructor 를 사용하여 객체를 생성하는 예 */

var foo = new Object();

foo.name ='park';

alert(foo.name);


/* JSON 방식을 사용하여 객체 리터럴 */

var fooJSON = { name : 'JSONpark' };

alert(fooJSON.name);







출처 : http://insanehong.kr/post/javascript-object/ 

반응형