[JS] Static,Protected,Private에 대해 알아보기

안녕하세요 Foma💻 입니다!

 

오늘도 모던 자바스크립트에서 배운 Static,Protected,Private 에 대해 제가 이해한 것을 바탕으로

 

정리해 보려고 합니다!

 

바로 시작할게요~

---

Static

 

Static은 정적이라는 의미를 가지고 있어, 변하지 않는다는 뜻이다.

 

이것을 이용하여 정적 메서드, 프로퍼티를 만들 수 있다.

 

쉽게 말하면 클래스에서 공통적으로 가지고 있는 부분이나 기능을 미리 정의해 놓는 것이다.

 

Static Property 

 

class Person {
    //모든 사람이 동일하게 가지고 있고 변하지 않는 값
    static planet = "지구"
}
//클래스 자체에서 바로 읽기 가능
console.log(Person.planet) //지구

 

Static Method

 

class User {
    constructor(name,createDate) {
        this.name = name
        this.createDate = createDate
    }
    //모든 유저가 동일하게 가지고 있고 변하지 않는 기능
    static sayHi() {
        console.log("Hi")
    }
    static compare(user1,user2) {
        return user1.createDate - user2.createDate
    }
}
//클래스 자체에서 호출가능
User.sayHi() //Hi

let users = [
    new User("Foma",new Date(2021,1,1)),
    new User("Gran",new Date(2020,1,1)),
    new User("Young",new Date(2022,1,1))
]
//아래와 같이 정적 메서드를 활용할 수 있음
console.log(users.sort(User.compare))
/*
[
  User { name: 'Gran', createDate: 2020-02-01T06:00:00.000Z },
  User { name: 'Foma', createDate: 2021-02-01T06:00:00.000Z },
  User { name: 'Young', createDate: 2022-02-01T06:00:00.000Z }
]
*/

//새로운 클래스를 만들 때도 유용함
User.createTodayNewUser = function() {
    return new this("Foma",new Date())
}

---

Protected

 

Protected는 클래스와 클래스의 자식까지 허용 가능하게 하는 키워드이다.

 

작성하는 방식은 이름 앞에 '_'를 붙이고 작성한다.

 

_waterAmount = 0
_plusWaterAmount1() {...}

 

하지만 JavaScript 문법적으로 지정한 것은 아니기 때문에 모두 호출이 된다.

 

강제한 사항이 아니며 프로그래머들 사이에서 약속으로 '_'이 있다면 외부 접근이 불가능 하다고 여긴다.

 

console.log(a._waterAmount) //0
a._plusWaterAmount1() //waterAmount + 1
console.log(a._waterAmount) //1

---

Private

 

Private는 클래스 내부에서만 허용 가능하게 하는 키워드이다.

 

작성하는 방식은 이름 앞에 '#'을 붙이고 작성한다.

 

#waterAmount = 0
#plusWaterAmount1() { ... }

 

Protected와는 다르게 Private는 문법적으로 강제하기 때문에 외부에서 호출하게 되면 Error가 발생한다.

 

a.#plusWaterAmount() //Error
console.log(a.#waterAmount) //Error

---

Reference

 

The Modern JavaScript Tutorial