티스토리 뷰

HMLT&CSS&JS/javascript

basic_1 : 자료형 & 객체

turfrain 2013. 1. 9. 11:30

데이터 타입

 

1. 자바스크립트의 자료형 종류
   1) 기본 데이터 타입
       ◇ 문자열 (string)      
       ◇ 숫자    (number)   8byte
       ◇ 불리언 (boolean)  1bit 
   2) 단순 데이터 타입
 ◇ 정의되지 않은 자료형 (null,undefined)
   3) 복합 데이터 타입
       ◇ 객체 (object)
   4) 특별한 형태의 객체
 ◇ 함수 (function)

 

     

 

2. 자료형 검사

    ◇ alert( typeof("문자") ) => string

    ◇ alert( typeof(1234) ) => number

 

 

3. 객체   

  1) 객체 특징

      ◇ 속성,메서드 를 가지고있음.

◇ new 통해생성.

◇ 프로토 타입(prototype) 상속.

 

  2) 기본내장객체

◇ javascript 제공되는 객체

 

 

 

4. 기존 자료형과 객체의 차이

 

기본 자료형과 객체 :

<!DOCTYPE html>
<html>
<head>
    <script>
        // 변수를 선언합니다.
        var primitiveNumber = 273;                              // 숫자 자료형
        var objectNumber = new Number(273);             // 숫자 객체형

        // 출력합니다.
        var output = '';
        output += typeof (primitiveNumber) + ' : ' + primitiveNumber + '\n';
        output += typeof (objectNumber) + ' : ' + objectNumber;
        alert(output);
    </script>
</head>
<body>
</body>
</html>

결과 :

 

 

 

 

 

 

 

변수 primitiveNumber 속성 , 메서드

 

 

 

 

변수 objectNumber 속성 , 메서드

 

 

 

 

1. 기본 자료형에도 속성과 메서드가 있다.

2. 기본 자료형은 속성이나 메서드를 사용할때 자동으로 Number객체로 변환된다.

 

 

5. 기본 자료형 메서드 추가 방법?

<!DOCTYPE html>
<html>
<head>
    <script>
        // 변수를 선언합니다.
        var primitiveNumber = 273;

        // 메서드를 추가합니다.
        primitiveNumber.method = function () {
            return 'Primitive Method';
        };

        // 출력합니다.
        var output = primitiveNumber.method();
        alert(output);
    </script>
</head>
<body>

</body>
</html>

 

결과 : 

SCRIPT438: 개체가 'method' 속성이나 메서드를 지원하지 않습니다.

 

 

 

 

1. 기본 자료형 에서는 메서드를 추가할수없다.

   다음 나오는 내용으로 생성자객체에 prototype 으로 속성과 메서드를 추가하는 방법을 알아본다.

 

 

 

6. 생성자 함수에 메서드 추가 

<!DOCTYPE html>
<html>
<head>
    <script>
        // 변수를 선언합니다.
        var primitiveNumber = 273;
        var objectNumber = new Number(273);

        // 메서드를 추가합니다.
        Number.prototype.method = function () {
            return 'Method on Prototype';
        };

        // 출력합니다.
        var output = '';
        output += "기본자료형 number : " +  primitiveNumber.method() + '\n';
        output += "객체형 number : " + objectNumber.method() + '\n';
        alert(output);
    </script>
</head>
<body>

</body>
</html>

결과 : 

 

 

 

 

 

 

1. 생성자 객체에 메소드를 추가 하였기 때문에 기본자료형, 객체형 모두 메소드가 추가된것을 확인할수있다.

 

 

참고 :  javascript jQuery 입문 , 자바스크립트 완벽 가이드

저작자표시 비영리

'HMLT&CSS&JS > javascript' 카테고리의 다른 글

[NODE.JS] fs  (0) 2021.01.28
[window.print()] 원하는 영역 인프린트  (0) 2020.04.03
ECMAScript 판본과의 관계  (0) 2013.01.08
# javascript tip  (0) 2012.11.09
4. javascript _ Event  (0) 2012.09.12
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday