>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 정적 변수를 어떻게 만들고 사용합니까?

JavaScript에서 정적 변수를 어떻게 만들고 사용합니까?

DDD
DDD원래의
2024-12-02 05:27:12849검색

How Do I Create and Use Static Variables in JavaScript?

JavaScript에서 정적 변수 해독

JavaScript에서 객체는 일급 시민입니다. 즉, 속성과 메서드를 소유할 수 있습니다. Java와 같은 클래스 기반, 정적으로 유형이 지정되는 언어에 익숙하다면 인스턴스가 아닌 유형과 연관된 변수 및 메소드를 생성하는 개념을 접했을 것입니다.

JavaScript에서 이를 달성하려면 생성자 함수를 활용하는 "고전적인" 접근 방식:

function MyClass () { 
  var privateVariable = "foo";  // Private variable 

  this.publicVariable = "bar";  // Public variable 

  this.privilegedMethod = function () {
    alert(privateVariable);
  };
}

여기서 staticProperty는 MyClass 객체에 직접 정의되어 생성자로 생성된 모든 인스턴스에 액세스할 수 있습니다. 그러나 해당 인스턴스에 대한 직접적인 링크가 없다는 점을 기억하는 것이 중요합니다.

ES6 클래스 및 정적 변수

ES6 클래스가 도입되면서 정적 변수 및 정적 변수 선언 메서드가 간편해집니다.

class MyClass {
  constructor() {
    this.publicVariable = 'public value'; 
  }

  publicMethod() {
    console.log(this.publicVariable);
  }

  // Static properties shared by all instances
  static staticProperty = 'static value';

  static staticMethod() {
    console.log(this.staticProperty);
  }
}

이 예에서는 staticProperty와 staticMethod가 쉽게 정의됩니다. static 키워드를 사용하면 클래스 자체를 통해 액세스할 수 있습니다.

강력하고 효율적인 코드를 작성하려면 특히 다른 프로그래밍 패러다임의 개념을 활용할 때 JavaScript에서 정적 변수의 미묘한 차이를 이해하는 것이 필수적입니다.

위 내용은 JavaScript에서 정적 변수를 어떻게 만들고 사용합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.