728x90
반응형

JavaScript의 Object 인스턴스 사용방법과 이해

JavaScript 는 기본적으로 OOP(Object Oriented Programming) 의 특징을 가지고 있기 때문에 여타 OOP언어에서 Object 를 사용하기 위해

인스턴스를 생성하는 것과 마찬가지로 new 키워드를 통해서 Object 를 생성할 수 있다. 

그러나 JavaScript 는 Built-In이라는 개념이 있기때문에 궂이 new 키워드를 통해서 인스턴스를 생성하지 않아도 해당 Object를 호출할 수 있다. 

Built-In Object에서만 인스턴스없이 호출이 가능하다는것을 기억하자 !!

1. new 키워드를 통한 Object 인스턴스 화 이후에 concat() 을 호출

Colored By Color Scripter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/**
 *   기본 적인 객체지향 프로그램은 new 키워드를 이용한 인스턴스를 생성한 후에
 *   해당 오브젝트의 메서드를 찾아간다.
 *   자바스크립트에는 빌트인 개념이 있기때문에 new 로 인스턴스를 생성하지 않아도된다.
 *   불필요 행사코드가 많아짐 비추..
 *
 * */
var obj, result;
 
obj = new String();
result = obj.concat('sports''soccer', 11);
 
console.log(result);
 
obj = new Array();
result = obj.concat(['sports','soccer',11]);
 
for(var i = 0; i < result.length; i++) {
    console.log(result[i]);
}
 



2. new 를 사용하지 않고 Object 의 concat() 을 바로사용한다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/**
 *  JavaScript 에서는 객체지향언어에서의 기본 규칙인
 *  인스턴스를 생성하지 않고도 해당 오브젝트의 메서드를
 *  호출할 수 있다.
 *  이렇게 간단하게 호출할 수 있게 하여 행사코드를
 *  언어적인 측면에서 없애주고 코드의 유연성을 올려준다.
 *  이는 빌트인 오브젝트 덕분이다!!!
 * */
var obj, result;
 
result = 'sports'.concat('soccer', 11);
console.log(result);
console.log(typeof result);
 
 
result = ['sports','soccer'].concat(11);
 
console.log(result);
console.log(Array.isArray(result));
 




728x90
반응형
728x90
반응형

JavaScript 의 핵심 키워드 2가지

JavaScript 를 이해하기 위해서는 JavaScript가 할 수있는일에 대한 범위,영역를 알아야한다. 


1. 제어 (controll) : HTML,CSS 등을 오브젝트화 시켜서 제어하는것이 목적이다.

- DOM, HTML, CSS

- HTML5 API File ,Messaging 메카니즘

- 그래픽 SVG, Canvas, WebGL

- 통신 XML( HttpRequest Socket )

2. 수단 Object[name:value] : 오브젝트의 네임밸류 속성을통하여 제어함. 

- 자바스크립트의 근간인 Object는 네임,밸류 이다!!! 

- function toDay() {} // toDay 라는 name 에 function 이라는 value 다.




728x90
반응형

+ Recent posts