모던 웹을 위한 Javascript jQuery 책을 보면서 정리하는 내용이다.

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

기본 자료형은 자바스크립트 6개 자료형 중 숫자, 문자, 불 자료형을 말한다. 


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>내장객체</title>
<script>
 
/*
내장객체
*/
var primitiveNumber = 123;
 
var objectNumber = new Number(123);
 
var output = '';
 
output += typeof (primitiveNumber) + ' : ' + primitiveNumber + '\n';
output += typeof (objectNumber) + ' : ' + objectNumber;
 
alert(output);
</script>
</head>
<body>
 
</body>
</html>
cs


위 코드를 실행하면 number : 123,  object 123의 결과가 출력된다. 

13라인에 new Number로 생성을 해도 오브젝트형이 출력되는 것을 볼 수 있다.


속성과 메서드는 객체가 가질 수 있는데 기본 자료형에도 속성과 메서드가 있다. 

한 번에 이해되지는 않지만 기본 자료형의 속성이나 메서드를 사용하면 기본 자료형이 자동으로 객체로 변한다.


만약 기본 자료형 숫자의 속성이나 메서드를 사용하면 자동으로 Number 객체로 변환디어 기본 자료형이 속성이나 메서드를 사용할 수 있게 된다. 


오브젝트 객체(object 객체)

Object 객체는 자바스크립트의 최상위 객체이다. 


자바스크립트의 가장 기본적인 내장객체는 Object 객체이다. 정확히는 Object 생성자 함수로 만든 인스턴스이다.

Object 객체에는 7가지 메서드가 있다. 


constructor()                        : 객체의 생성자 함수

hasOwnProperty(name)          : 객체에 name 속성이 있는지 확인

isPrototypeof(object)              : 객체가 obejct의 프로토타입인지 확인

propertyIsEnumerable(name)    : 반복문으로 열거할 수 있는지 확인

toLocaleString()                     : 객체를 호스트 환경에 맞는 언어의 문자열로 바꿈

toString()                             : 객체를 문자열로 바꿈

valueOf()                              : 객체의 값을 나타냄



toString 메서드의 사용

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>내장객체</title>
<script>
 
/*
내장객체
결과
[object Object][object Object]
*/
var obj = new Object();
 
document.write(obj);
document.write(obj.toString());
 
</script>
</head>
<body>
 
</body>
</html>
cs 

toString() 메서드는 객체를 문자열로 변환할 때 자동으로 호출한다. 


모든 객체에 메서드 추가

Object 객체의 프로토타입에 속성 또는 메서드를 추가하면 모든 객체에서 활용할 수 있다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>내장객체</title>
<script>
 
/*
object 객체의 prototype 속성에 메서드 추가
결과]
123
*/
 
Object.prototype.test = function () {
    alert(this);
};
 
var num = 123;
num.test();
 
</script>
</head>
<body>
 
</body>
</html>
cs


퇴사 관련 이야기들을 모아 책으로 출판했습니다. 

아래 링크에서 전체 목차를 읽어보세요!

대기업 퇴사 이야기 전체보기 : http://www.bookk.co.kr/book/view/21659



아래 링크로 간단한 후기 링크를 남기면 배송비도 환급된다고 하니 참고해주세요.

http://www.bookk.co.kr/community/postscript

저작자표시 비영리 변경금지

'문돌이의 IT > JavaScript' 카테고리의 다른 글

자바스크립트 내장객체(3) Array 객체  (0) 2017.10.15
자바스크립트 내장객체(2)  (0) 2017.10.14
자바스크립트 상속  (0) 2017.10.12
자바스크립트 생성자 함수  (0) 2017.10.11
자바스크립트 객체와 배열  (0) 2017.10.10

+ Recent posts

티스토리툴바