객체의 이해 [JavaScript][객체][NameSpace]

객체의 이해

[광고 누르면 오늘의 행운 상승!!]

<<기본 데이터 타입>>

1. 숫자
2. 문자열
3. Boole
4. null
5. undefine

<<객체>>

그 외

• JavaScript의 함수 : 일급 객체
  - 변수나 데이터 구조 안에 담을 수 있음
  - 인자로 전달하거나 반환 값으로 사용
  - 동적으로 생성 가능한 객체

• JavaScript = 단순함

1. 프로그래밍에 쉽게 접근 가능
2. 빠른 시간 안에 코드 작성 가능

• JavaScript 객체 : Class 존재하지 않음
  → 생성자 함수, 프로토 타입 객체 사용하여 객체 생성
  → 객체지향 프로그래밍 언어의 개념 설명 시 대체할 용어가 없으므로 class 단어 사용

• 객체 : 이름이 지정된 Property의 모음
  → 객체 literal은 객체의 Property를 나열하여 객체 생성

• 객체 생성(객체 literal 사용)

var myComputer = {maker : "dell", cpu : "toast", ram : 4};

document.write(myComputer.ram)

// 4

 

• Method(메소드) : 객체 Property가 함수인 property → Property와 동일한 방법으로 추가 수정 가능
  → 객체 literal 방식으로 Method 정의 가능

var myComputer =  {maker : "dell", cpu : "toast", ram : 4,
				  getRAM : function(){ return this.ram + this.cpu;} };

//this     : 자신이 속해 있는 객체
//this.ram : 자신이 속해 있는 객체의 ram의 property

 

빈 객체와 Namespace

• 함수 생성 후 Property를 쉽게 추가 가능하여 빈 객체 만들어 사용

var myObj = { }; 

객체 myObj : 빈 객체
property 쉽게 추가 가능
1. myObj.num = 10;
1. myObj.str = "sample";
1. myObj.plus = function(a,b){return a+b};

 

• Namspace : JavaScript의 전역변수 사용을 최소화 하는 방법

  → 전역변수는 프로그래밍 모든 부분에서 접근 수정 가능하기 때문에
      오류가 발생할 확률이 크다.
  → 자신이 작성할 코드에 사용되는 변수, 함수, 객체 등 하나의 객체 Property로 설정

예)

var MYSPACE = {}; //빈 객체 전역공간에 대문자로 생성

MYSPACE.num = new Number(123);
MYSPACE.str= new String("hi");
MYSPACE.sayHi= function(name){
	return 'hi' + name + '!';
};

document.write(MYSPACE.num);
document.write(MYSPACE.str);

var hi = MYSPACE.sayHi("홍길동");
document.write(hi);

//전역객체 이름 작성 시 주의 사항
1. 전역객체의 이름은 현재 코드를 대변하는 것이 좋음!
2. 다른 코드의 전역변수와 쉽게 중복되지 않는 이름이 좋음!

//이름 충돌을 막을 수 있다.

•