객체 지향 JavaScript에 대한 포괄적인 소개

요구 사항:

거의 모든 웹 애플리케이션은 일부 데이터를 로컬에 저장해야 하므로 데이터 저장소를 만들어 보겠습니다.

세부 요구 사항:

로컬에 저장된 데이터가 있는 경우 로컬 데이터를 사용하고, 데이터가 없는 경우 기본 데이터를 사용합니다
로컬 데이터가 오래된 것인지 확인하세요. 오래된 경우 사용하지 마세요
기본적으로 localStorage가 사용되지만 다른 저장방식도 지원되며 다자간 저장, 다자간 읽기도 지원됩니다

추상 개체

요구사항의 키워드를 기반으로 데이터 액세스, 데이터 및 저장이라는 세 가지 개체를 추상화했습니다.
데이터 저장소 관리자는 데이터를 관리하고 인터페이스를 외부에 노출하는 역할을 담당합니다
데이터 객체는 데이터 운영을 담당합니다
메모리는 데이터를 유지하고 읽는 역할을 담당합니다

저장 개체

DataStorageManagerBase는 두 개의 인터페이스 save() 및 load()를 노출하고 추상 클래스를 시뮬레이션하며 하위 클래스에 이 두 메서드를 구현하도록 지시합니다.
다음 예제에서는 LocalStorage를 사용하여 하위 클래스를 구현합니다. 물론 쿠키나 다른 메서드를 사용하여 구현할 수도 있습니다.
LocalStorage를 다시 캡슐화해야 하는 이유는 무엇입니까? 그냥 바로 사용하면 안되나요?
다양한 메모리의 API가 다르기 때문에 2차 캡슐화 후에는 어떤 메모리가 외부에 노출되더라도 인터페이스가 save() 및 load()임을 확인할 수 있습니다.

으아아아

데이터 개체

데이터 작업: 저장, 읽기, 버전 확인 등

으아아아

데이터 액세스 개체

데이터 객체 관리를 위해 getData(), setData(), config() 세 가지 인터페이스가 외부에 노출됩니다. 사용자는 이 세 가지 인터페이스를 통해 이 모듈을 사용합니다

으아아아

사용

으아아아

위 내용은 객체 지향 JavaScript에 대한 포괄적인 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!