자바스크립트 객체 지향 기본기 수강 시작

출근해도 할일이 없어서 공부하는 게 실화인가... 파견 근무자의 삶.

Object Literal: method와 property로 만들어진 객체

const user = {
    email: 'chris123@google.com',
    birthdate: '1992-03-21', //property
    buy(item){
        console.log(`${this.email} buys ${item.name}`)
    }//method
} //Object Literal

Factory Function: object를 생성하는 함수

function createUser(email, birthdate){
    const user = {
        email,
        birthdate,
        buy(item){
            console.log(`${this.email} buys ${item.name}`)
        }
    }
    return user
} //Factory Function

Constructor Function: object를 생성하는 생성자 함수

function User(email, birthdate){
    this.email = email
    this.birthdate = birthdate
    this.buy = function(item){
        console.log(`${this.email} buys ${item.name}`)
    }
} //Constructor Function

• this를 사용하여 객체 스스로를 선택할 수 있다.
• new를 통해 객체를 생성한다.
• 함수 이름이 대문자로 시작한다.

Class: object를 정의하는 constructor 및 메서드를 포함

class User{
    constructor(email, birthdate){
        this.email = email
        this.birthdate = birthdate
    }

    buy(item){
        console.log(`${this.email} buys ${item.name}`)
    }
} //Class

• new를 통해 객체를 생성한다.

근데 생각해 보니까 또 React가 함수형 프로그래밍 지향 되는 추세잖아...? 짧으니까 듣고 있긴 한데 어느 장단에 맞춰야 하는지 트위스트 추게 된다...