웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)

기본자료형과 객체의 차이점 본문

javascript/Tutorial

기본자료형과 객체의 차이점

jokack01 2014. 1. 7. 11:31

기본자료형과 객체의 차이점

자바스크립트의 여섯 가지 자료형 중에 숫자, 문자, 불리언 세가지 자료형이 기본자료형에 속한다. 

객체는 속성과 메서드를 가질수 있으며 기본자료형은 가질수 없다.


ex ) 기본자료형 메서드 추가

// 숫자값 300을 가지는 변수 선언

var basic = 300;

// basic에 메서드 추가

basic.method = function(){

    // 반환값으로 basic Method 던짐

    return 'basic Method'

}

// output 변수에 basic.method() 담는다

var output = basic.method();

// 메서드 실행 출력

console.log(output);

위의 오류처럼 기본자료형은 속성과 메서드를 추가해서 쓸수 없다. 

이를 가능하게 하려면 프로토타입을 사용해 생성자함수의 프로토타입에 메서드를 추가해야 한다.


ex 2) Number 생성자함수에 메서드추가

 // 숫자값 300을 가지는 변수 선언

var basic = 300;

// Number객체에 프로토타입에 메서드 추가

Number.prototype.method = function(){

    // Prototype Method 값을 리턴

    return 'Prototype Method';

}

// 변수선언 및 초기화

var output='';

// output 변수에 변수에 basic.method() 담는다

output += basic.method();

// 메서드 실행 출력

console.log(output);

'javascript > Tutorial' 카테고리의 다른 글

Object 객체활용한 자료형구분  (0) 2014.01.09
Object 객체 생성 및 메서드  (0) 2014.01.07
상속  (0) 2013.12.23
instanceof  (0) 2013.12.11
new 키워드  (0) 2013.12.11