[JS] JavaScript에static 이란?

이 글은 static 키워드의 기본 개념과 용도, 그리고 실제 예시를 통해
클래스의 정적 메서드와 속성을 이해하기 쉽게 설명합니다.

🔍목차

• 기본 문법
• static의 용도
• 🔸 예시 1: 유틸리티 메서드
• 🔸 예시 2: 팩토리 메서드 (객체 생성 도우미)
• 🔸 예시 3: 정적 속성 (class-level 상수 등)
• static vs instance
• 참고: static은 상속됨
• 특징 설명

✅ static이란?

static 키워드는 클래스의 정적(static) 메서드나 속성을 정의할 때 사용합니다.
이런 메서드/속성은 클래스 인스턴스에서 호출할 수 없고, 클래스 자체에서만 호출할 수 있습니다.

---

기본 문법

class MyClass {
  static staticMethod() {
    console.log('나는 클래스에서 직접 호출됩니다.');
  }

  instanceMethod() {
    console.log('나는 인스턴스에서 호출됩니다.');
  }
}

MyClass.staticMethod();     // ✅ OK
const obj = new MyClass();
obj.instanceMethod();       // ✅ OK
obj.staticMethod();         // ❌ 에러! 인스턴스에서는 static 호출 불가

---

 

static의 용도

 

용도 설명 예시

유틸리티 메서드	인스턴스와 무관한 도우미 함수	Math.random(), Array.isArray()
공용 설정/상수	클래스 수준에서 관리하는 값	MyClass.defaultOptions
팩토리 메서드	객체 생성을 도와주는 클래스 메서드	User.createFromJson()

---

🔸 예시 1: 유틸리티 메서드

class MathUtils {
  static add(a, b) {
    return a + b;
  }
}

console.log(MathUtils.add(3, 4)); // 7

• 인스턴스 생성 없이 바로 MathUtils.add() 호출 가능
• Math.add()나 Array.isArray()도 이런 static 방식

---

🔸 예시 2: 팩토리 메서드 (객체 생성 도우미)

class User {
  constructor(name) {
    this.name = name;
  }

  static fromJson(json) {
    const data = JSON.parse(json);
    return new User(data.name);
  }
}

const json = '{"name": "sally"}';
const user = User.fromJson(json);
console.log(user); // User { name: 'sally' }

---

🔸 예시 3: 정적 속성 (class-level 상수 등)

class Config {
  static version = '1.0.0';

  static printVersion() {
    console.log(`버전: ${Config.version}`);
  }
}

Config.printVersion(); // 버전: 1.0.0

 

※ 정적 속성은 최신 JS(ES2022+) 문법이며, Babel/webpack 없이 쓰려면 환경 확인 필요

---

static vs instance

호출 대상	클래스	인스턴스
상태 저장 위치	클래스에 귀속	각 인스턴스마다 별도
예시	Array.isArray(), Math.random()	arr.push(), user.name

 

---

참고: static은 상속됨

class Parent {
  static hello() {
    console.log('hello');
  }
}
class Child extends Parent {}

Child.hello(); // ✅ hello (상속됨)

---

 

특징 설명

정의 위치	클래스 내부에서 static 키워드 사용
호출 방식	클래스명.static메서드()
목적	인스턴스 상태와 무관한 함수나 속성 정의
예시	Math, Array, Object, Date 등의 유틸 메서드