# 1. 기본값과 래퍼객체

## **기본값** 

기본형, 기본자료형, 기본값 등으로 불리는데 영어로는 **primative** 라고 한다. **이하 기본값**

자바스크립트에서 기본값이란 참조되지 않고 복제되며, **immutable** 한 자료형 이다. 이에 해당되는 것으로는 `string, number, boolean, undefined, null, NaN` 등이 있다 (null, undefined 는 객체 아니었어..?) 많은 브라우저가 undefined, null 을 객체로 만들어 참조가 되도록 잘못 설계한 오류가 있다. 따라서 아래와 같은 말도 안되는 상황이 벌어진다.

```
undefined = 3
if (undefined === 3 ) alert("zzz"); // 이게 실행됨
```

어쨋든 위에 열거한 자료형을 사용하면 **참조되지 않고 복제되며 복제불가능하게 되는 것이 된다.**. 하지만 각 **기본값은 대응되는 객체 래퍼클래스가 존재한다.** 만약 이를 이용하여 생성한 경우는 ***객체가 되기 때문에 복제가 아닌 참조로 작동학게 된다.***

```
var a = "test"    // 기본값으로 작동!
alert( typeof a ) // string
​
var b = new String("test"); // 참조값으로 작동
alert( typeof b ) //objectt
```

**사실 String 객체의 많은 메서드는 대부분 새로운 문자열을 return하기 때문에 b 를 함수의 인자로 보낸다고 해도, b자체가 변경될 가능성은 매우 희박하지만 문자열로 사용시 toString** 을 추가로 호출해야하는 **오버헤드가 발생**한다.

## **래퍼객체**

**그렇다면 왜 이런 불편한 래퍼 객체가 존재하는 걸까?** 누구나 예상 가능한 답변인, 객체로서 다양한 메서드를 사용할 수 있기 때문입니다. 아래는 String 의 래퍼로 만든 객체로 **charAt**메서드를 사용하는 예시다.

```
var a = new String("test");
alert( a.charAt(0) ); // t
alert( a.length );    // 4
```

**그런데.... 래퍼객체가 아니라도 == 기본값 형태에서도 메서드를 사용할 수 있다!!**

```
var a = "test";
alert( a.charAt(0) ); // t
```

**이게 도대체 어떻게 된 일인가 보면... 대부분의 언어가 지원하는 박싱** 이라는 기능이다. 우리가 모르는 사이에 아래와 같은 동작이 수행되고 있던것!!

```
var a= "test";
 
temp = new String( a );	// 임시 객체가 만들어진다!
alert( temp.charAt(0) );
temp = null;
```

**박싱은 개발자가 사용하기 편하라고 만들어진 매크로 기능이다.**

**개발자가 래퍼객체를 사용하면 코드를 완전히 통제할 수 있게 된다. 하지만 기본값을 사용하고 이후의 작업은 C언어로 개발된 인터프리터가 하기 때문에 개발시간을 생각한다면 박싱이 빠르다고 할 수 있을것임.**

**만 박싱할 때 마다 임시객체가 만들어지는 것은 엄연한 사실이다. 따라서 아래처럼 사용한다면 우리가 보기에는 좋아보일지 몰라도, 내부 사정은 정말 끔찍할 것이다.**

```
// 개발자의 시선
var a = "test";
 
var b = a.length + ":" +
a.charAt(0) + ":" +
a.charAt(1) + ":" +
a.charAt(2) +":"+
a.char(3);

// 내부의 사정
var a = "test";
 
t1 = new String( a );
t2 = new String( a );
t3 = new String( a );
t4 = new String( a );
t5 = new String( a );
 
var b = t1.length + ":" +
t2.charAt(0) + ":" +
t3.charAt(1) + ":" +
t4.charAt(2) +":"+
t5.char(3);
 
t1 = null;
t2 = null;
t3 = null;
t4 = null;
t5 = null;
```

**기본값을 사용하는게(== 박싱문법을 사용하는게**) 개발상 더 빨라 보일 수는 있지만 임시 객체를 만들어서 가비지 컬렉팅의 부하를 늘리는 문제점이 있다. 특히 브라우저의 구현에 따라서 임시 객체를 바로 **delete** 하지 않고 위처럼 **null** 로 처리하면 과도한 가비지컬렉팅 부하에 걸리기도 한다.

**따라서 래퍼 메소드 사용 빈도에 따라 직접 래퍼객체를 생성하는 편이 유리한 경우도 많다.**

```
var a = new String("test");
var b = a.length + ":" +
a.charAt(0) + ":" +
a.charAt(1) + ":" +
a.charAt(2) +":"+
a.char(3);
a = null;
```

**이렇게 되면 객체를 직접 관리해야한다는 문제가 생긴다.**

**ECMA표준은 모든 메서드를 정적으로 쓸 수 있게 규정하고 있지만, 실제 구현여부는 브라우저마다 차이가 심하다.**


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://simian114.gitbook.io/blog/undefined/javascript/undefined-2/undefined-1/1..md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.