데이터 타입

MDN_자바스크립트의 자료형 > 

object 참고한 게시물 >

 

1. Primitive Type

• 더 이상 나눠질 수 없는 single item (string, number, bigint, boolean, null, undefined, ES6 부터 추가된 symbol) 
• 원시 타입은 변수에 할당될 때, 메모리의 고정 크기로 원시 값을 저장하고 해당 저장된 값을 변수가 직접적으로 가리키는 형태를 띈다.
• Object를 제외한 모든 값은 변경 불가능한 값(immutable value)이다. 재할당 시 기존 값이 변하는것 처럼 보일지 몰라도 사실 새로운 메모리에 재할당한 값이 저장되고 변수가 가리키는 메모리가 달라졌을 뿐이다.

 

---

2. Object

single item들을 묶어서 한 단위로 관리할 수 있게 해주는 데이터 타입으로 key/value pair를 저장할 수 있는 구조이다.

 

2-1) 객체의 특징

• 객체는 변수이다. 그러나 객체에는 많은 값이 포함될 수 있다. (자바스크립트 변수처럼 단일 값을 포함 할 수 있다.)
• Object는 관련된 데이터와 함수의 집합이다. 일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 property와 method라고 부른다.
• 객체는 중괄호{ } 표기를 이용하여 만들 수 있다.
• 객체는 각각의 key/value에 대한 정보를 나열할 수 있다.
• Key는 문자열 또는 기호여야 한다.
• Value는 JS에서 지원하는 모든 유형이 될 수 있다.
• 객체 변수를 복사하면 객체가 복제되지 않고 참조가 복사된다.

 

2-2) Property

프로퍼티는 객체의 속성을 나타내는 접근 가능한 이름과 활용 가능한 값을 가지는 특별한 형태이다. 특정객체가 가지고 있는 정보를 품고 있어 그 객체가 가진 정보에 직접적으로 접근할 수 있게 해준다.

 

프로퍼티의 형태

{name : value}
//name : 빈 문자열을 포함한 모든 문자열 또는 symbol 값
//value : 모든 값(JS에서 지원하는 타입 작성)

ex)
var book = {
    title : "책",
    point : {
        ten : 10,
        bonus : 200
    }
}

프로퍼티 작성 방법

#1. 점(.)과 프로퍼티 이름 사용
var book = {};
book.title = "JS책";

#2. 대괄호 사용 : obj["abc"]
var book = {};
book[title] = "JS책";

#1. abc 변수 이름 작성 : obj[abc]
var book = {title : "JS책"};
var varName = "title";
book[varName] = "HTML";

 

2-3) Method

• 메소드란 객체가 가지고 있는 동작이며 객체 내의 함수를 메소드라 칭한다.
• 메소드와 함수의 차이점 : 메소드는 객체가 가지고 있는 동작이기 때문에 메소드를 수행하기 위해서는 객체를 통해서 해당 메소드를 수행해야 하며 그 동작을 수행하는 주체는 객체이다.

 

2-4) 객체 구성

• JavaScript 내장 객체 ( built-in object) : MDN_표준 내장 객체 > 
• 브라우저 내장 객체 ( native object )
• 사용자 정의 객체 ( host object )

 

---

3. Function

• 특정 기능을 처리하는 자바스크립트 코드 묶음
• first-class function : 자바스크립트에서는 function도 다른 데이터 타입처럼 변수에 할당이 가능하고, 함수의 파라미터로 전달이 되고, 함수의 return타입으로 function을 반환할 수 있다.

 

함수 형태

• 함수는 (function 키워드, 함수 이름, parameter, 함수 body)로 구성된다.
• 함수의 이름은 시맨틱을 부여하여 작명하는 것이 좋고, 이름에 두 개 이상의 단어를 사용할 땐 CamelCase형태로 작명한다.

#1
function book(){
    //code
}

#2
var point = function(one, two){
    //code
}

함수 생성

다른 모든 object들처럼 new연산자를 사용하여 function 오브젝트를 생성할 수 있다.

var adder = new Function('a', 'b', 'return a+b');

adder(2, 6); //8