이 내용은 '생활코딩'에서 공부한 내용을 정리한 글이다.
자세한 내용은 https://www.opentutorials.org/course/743 이곳에서 확인할 수 있다.
모든 내용의 출처는 이곳이다. 다른 언어를 알고있는 상태로 공부한 내용이다.
표준 내장 객체는 자바스크립트에서 기본적으로 가지고 있는 객체를 뜻한다. 기본적으로 프로그래밍 하는데 필요한 도구들이기 때문에 중요하다. JS파일을 보면서 'Object' , 'Array', 'String', 'Function', 'Math' 등의 키워드를 본적이 있다. 이들이 모두 자바스크립트에 기본적으로 가지고있는 객체이다.
이들의 기능을 아는것은 Reference를 참고해서 공부하면 된다. 여기서는 Array객체와 Math객체를 이용하여 간단한 랜덤 함수를 만들어보고 Array 내장객체를 수정하여 자신만의 간단한 메서드를 만들어보면서 이해해보자
|
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
28
29
30
31
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<script>
//표준내장객체는 자바스크립트가 기본적으로 가지고 있는 객체
//ex) Object, Array, String, Function Math ....
var arr = new Array('seoul', 'new york', 'land mark', 'pusan');
function get_rand(arr) {
return arr[i];
}
document.write(get_rand(arr));
Array.prototype.random = function () {
//Array생성자가 객체를 만들때, prototype - 프로퍼티 안에있는 객체가 만들어지는 원형이 된다. - 이름이 random이라는 메서드를 추가
return this[i];
//this는 var arr이 담고있는 배열객체, 여기서는 ('seoul'...)
}
//배열을 만들기위한 생성자 함수.prototype과 메서드이름 정의
var arr = new Array('seoul', 'new york', 'land mark', 'pusan');
//이것을 실행하면 new Array생성자는 Array의 프로토타입을 찾아간다.
//prototype확장을 통해 모든 Array이 공통적으로 가지는 API를 만들었다고 생각하자, 재사용성
document.write(arr.random());
</script>
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5; text-decoration:none">Colored by Color Scripter
|
'JavaScript' 카테고리의 다른 글
| [JavaScript]참조 (0) | 2019.06.02 |
|---|---|
| [JavaScript]Object 객체 (0) | 2019.06.02 |
| [JavaScript]프로토타입_Prototype (0) | 2019.05.29 |
| [JavaScript]상속 (0) | 2019.05.29 |
| [JavaScript]전역객체 와 this 키워드 (0) | 2019.05.27 |