[자바스크립트 Deep Dive] 10장. 객체 리터럴

lemythe423·2023년 7월 9일
0

✅ 자바스크립트의 객체 생성 방법

자바스크립트는 프로토타입 기반 객체 지향 언어
다양한 객체 생성 방법 지원

  • 객체 리터럴
  • Object 생성자 함수
  • 생성자 함수
  • Object.create 메서드
  • 클래스(ES6)

⭐️ 객체 리터럴

사람이 이해할 수 있는 문자 or 기호를 사용하여 값을 생성하는 표기법

var person = {
	name: 'Lee',
  	sayHello: function() {
    	console.log('Hello! I\'m the one who do homework at the last second!');
    }
};
  • 객체 리터럴은 값으로 평가되는 표현식이므로 세미콜론(;)을 붙여야 함
  • 객체 생성 후 동적으로 프로퍼티 추가 가능

🔍 프로퍼티

✔️ 프로퍼티는 쉼표(,)로 나열되며, 가장 마지막 프로퍼티에는 붙이지 않아도 됨
✔️ 프로퍼티의 키 값은 식별자 네이밍 규칙을 따르지 않는 경우에만 반드시 따옴표를 사용
✔️ 숫자 프로퍼티 키의 경우 내부적으로 문자열로 변환
❌ 빈 문자열은 사용할 수 있으나 아무 의미가 없으므로 권장 ❌
❌ var, function 과 같은 예약어도 권장 ❌
❌ 중복 선언 시 나중에 선언한 프로퍼티가 덮어쓰게되므로 권장 ❌

🔍 메서드

프로퍼티의 값이 함수인 경우 일반 함수와 구분하기 위해 method로 정의

profile
아무말이나하기

0개의 댓글