[ JavaScript ] 객체 생성하기

하루입니다.

 

 

---

 

 

자바스크립트에서는 기본자료형과 객체가 있다.

 

기본자료형

• string, number, boolean, null, undefined
• 프로퍼티와 메소드를 갖지 못한다.

 

 

객체

• 기본자료형의 제외한 거의 모든 것들이 객체다.
• 배열, 함수, 정규표현식, 날짜 등이 전부 객체다.
• 프로퍼티와 메소드를 가질 수 있다.
• 함수와 메소드의 차이는 다음과 같다.
•         메소드는 함수의 한 종류다.
•         함수가 특정 객체에 소속되어 있을 때 메소드라고 부른다.
• string, number, boolean은 객체가 될 수 있다. -> (????!)
• 객체는 맵과 유사하다.
•         key:value의 쌍으로 프로퍼티나 메소드를 담고 있다.
•         key는 문자열, value는 기본자료형, 배열, 객체, 함수 모두 가능하다.

 

 

객체 생성하기

1. 객체 리터럴 사용

// 빈 객체 생성
let employee = {}

// 사원정보 저장하는 객체를 객체리터럴 이용해 생성한다.
// employee 참조변수에 대입했다.
let employee = { id: 100, name: "홍길동", email: "hong@gmail.com", dept: "영업1팀",
				 salary: 4500000, commissionPct: 0.3};

 

2. 생성자 함수 사용

생성자함수의 모습은 일반 함수와 같다. 따라서 맨 앞 글자를 대문자로 적는 게 구분을 위한 관례이다. 

// 객체를 생성하는 생성자 함수 정의하기 : 객체의 프로퍼티 구성하기
function Employee(no, name, email, dept, position, salary) { 
this.no = no;     
this.name = name;
this.email = email;
this.dept = dept;
this.position = position;
this.salary = salary; 
};

/*  아래 코드를 실행하면 생기는 일 : let emp3 = new Employee();
    1. new는 빈 객체를 생성한다.
    2. Employee() 생성자함수를 실행한다.
    3. Employee() 생성자함수를 실행할 때, 1번에 생성한 객체를 전달한다.
    4. Employee() 생성자함수에서는 this 키워드로 3번에서 전달받은 객체를 사용할 수 있다. 
    5. Employee() 생성자함수의 실행이 완료되면 1번에서 생성한 객체를 emp3변수에 대입시킨다. 
*/
let emp3 = new Employee(300, "강감찬", "kang@naver.com", "총무부", "부장", 900);

티스토리 자체 코드블럭은 정말 못생기게 나온다 다른 코드 넣기 방법을 찾아봐야겠다.

 

 

---

 

 

잘못된 정보에 대한 지적은 언제나 환영입니다. 

 

복습 끝!