Javascript
-
Javascript - Truthy and FalsyJavascript 2020. 9. 4. 20:07
function print(person){ // if(person === undefined || person === null){ // return; // } // 이런걸 null checking이라함 // 위에랑 같은 뜻 if(!person){ return; } console.log(person.name); } const person = null; print(); // falsy한 값들 5가지 !하면 true 값이 나온다. console.log(!undefined); console.log(!null); console.log(!''); console.log(!0); console.log(!NaN); // 이외 나머지 값들은 truthy한 값들이다. console.log(!3); console.log(!'h..
-
Javascript - 삼항연산자Javascript 2020. 9. 4. 19:43
condition ? true : false - > 조건문 사용해서 코딩했을 때 - 삼항 연산자 사용 const array = [1, 2, ]; let text = array.length === 0 ? '배열이 비어있습니다.' : '배열이 비어있지 않습니다.'; console.log(text); - 삼항 연산자 중첩사용 const condition1 = false; const condition2 = false; const value = condition1 ? '와우!' : condition2 ? 'blabla' : 'foo'; console.log(value); 코드는 간단하지만 오히려 보기 어려움 -> 이런 상황에서는 일반 조건문 사용하는 것이 더 좋음
-
Javascript - class 객체 사용해보기Javascript 2020. 8. 23. 15:15
class Food { constructor(name) { this.name = name; this.brands = []; } addBrand(brand){ this.brands.push(brand) } print(){ console.log(`${this.name}을 파는 음식점들:`); console.log(this.brands.join(', ')); } } const pizza = new Food('피자'); pizza.addBrand('피자헛'); pizza.addBrand('도미노 피자'); const chicken = new Food('치킨'); chicken.addBrand('굽네치킨'); chicken.addBrand('BBQ'); pizza.print(); chicken.print();
-
Javascript class 사용해 객체 생성하고 상속받기Javascript 2020. 8. 23. 15:10
class Animal { constructor(type, name, sound) { this.type = type; this.name = name; this.sound = sound; } // 클래스 내부에 함수 만들면 // 자동으로 프로토타입으로 만들어진다. say(){ console.log(this.sound); } } class Dog extends Animal { constructor(name, sound) { // 자신이 상속받은 class의 constructor를 호출 super('개', name, sound); } } class Cat extends Animal { constructor(name, sound) { super('고양이', name, sound); } } const dog = ..
-
-
Javascript 객체 생성자 만들기 - prototypeJavascript 2020. 8. 23. 14:51
->> 프로토타입 사용해 각 객체들끼리 함수나 값 공유할 수 있도록