[JS 스터디] 9장 타입 변환과 단축 평가, 10장 객체 리터럴

 

프로젝트 준비로 한 주 건너뛴 할 수 있다! 자바스크립트 스터디 

지난주부터 실습을 나가느라 회사일 따라가기도 벅찼지만,

꾸준한 공부는 업무를 위해서도 필요하다고 여겨 

이번주는 딥다이브 9장과 10장의 내용을 읽고 개념을 정리했다!

 

---

 

타입 변환과 단축 평가🔥

• 명시적 타입 변환이 뭔가요?
  • 개발자가 의도적으로 값의 타입을 정해 변환하는 것을 말합니다.
• 명시적 타입 변환 함수를 예를 들어볼 수 있나요?
  • var a = (10).toString();
• 암묵적 타입 변환이 뭔가요?
  • 자바스크립트 엔진이 표현식을 평가할 때 코드의 문맥에 맞게 데이터 타입을 변환하는 것을 말합니다.
• truthy / falsy 한 값이 뭔가요?
  • 참과 거짓으로 명확하게 나누기 어려운 불리언 타입이 아닌 값을 암묵적으로 변환해야 할 때, 자바스크립트 엔진이 참으로 평가되는 값, 거짓으로 평가되는 값으로 판단하는 것을 이야기합니다.
  • falsy 값의 예로는 false, undefined, null, 0, -0, NaN, 빈 문자열이 있으며, 이것 외의 모든 값은 truthy값을 가집니다.

 

객체 리터럴

• 자바스크립트에서 객체란 뭘까요?
  • 객체의 상태를 나타내는 프로퍼티와 이를 참조하고 조작하는 동작인 메서드로 구성된 집합체이며, 변경 가능한 값을 말합니다. 상태와 동작을 하나의 단위로 구조화 시킬 수 있다는 장점이 있습니다.
• 함수와 메서드의 차이점에 대해 알고 계신가요?
  • 자바스크립트의 모든 함수는 객체이기 때문에, 값으로도 취급 가능합니다. 그래서 객체 안에 함수를 프로퍼티 값으로 활용하기도 하는데요. 이처럼 객체에 묶여있는 함수를 일반적인 함수와 구분하기 위하여 메서드라고 부릅니다.
• 자바스크립트에서 객체를 생성하는 방법은 어떤 것들이 있나요?

1. 중괄호 내에 0개 이상의 프로퍼티를 정의하는 객체 리터럴 방식

let a = { name: 'jang', age: 26 } 
console.log(a); // {name: 'jang', age: 26}

2. Object 생성자 함수를 사용하는 방식

let obj = new Object();

obj.name = 'jang';  // {name: 'jang'}
obj.age = 26;       // {age: 26}

console.log(obj);   // {name: 'jang', age: 26}

3. 생성자 함수를 사용하는 방식

function Person(name, age) {
	this.name = name;
	this.age = age;
}

const hs = new Person('jang', 26);
console.log(hs);  // Person {name: 'jang', age: 26}

4. Object.create 메서드를 사용하는 방식

const hs = Object.create(null, {
	name: {value: 'jang'},
	age: {value: 26}
});

console.log(hs);  // {name: 'jang', age: 26}

5. 클래스를 사용하는 방식 (ES6 이후 등장)

// class 선언 시 대문자로 시작
// class내에서 객체를 생성하고 초기화를 하기위해 단 하나의 constructor가 꼭 필요
// constructor은 자기를 생성한 부모를 가르킨다

class Intro {
	constructor(name, age){
		this.name = name;
		this.age = age;
	}
}

// 인스턴스 생성
const hs = new Intro('jang', 26);  

console.log(hs);    // Intro {name: 'jang', age: 26}

 

 

참조

객체(Object)와 객체를 생성하는 방법.

객체(Object)와 객체를 생성하는 방법.

[TIL] JS : 객체를 생성하는 4가지 방법

[TIL] JS : 객체를 생성하는 4가지 방법

코딩교육 티씨피스쿨

코딩교육 티씨피스쿨

코딩교육 티씨피스쿨

코딩교육 티씨피스쿨