Javascript 클래스 및 정적 클래스 구현(계속)_js 객체 지향

WBOY
풀어 주다: 2016-05-16 18:30:27
원래의
1093명이 탐색했습니다.

이번에는 예제를 직접 살펴보겠습니다.

코드 복사 코드는 다음과 같습니다.

/***정적 클래스 정의***/
var StaticClass = (function(){
var Return = {
속성: "정적 속성 테스트", //공용 속성
메서드: function() { //공개 메소드
alert(_Field); //비공개 필드 호출
privateMethod(); //비공개 메소드 호출
} ​​
} //반환된 공개 객체 정의
var _Field = "정적 필드 테스트"; //전용 필드
var privateMethod = function(){ //전용 메서드
alert(Return.Property); //속성 호출
} ​​
return Return; //공용 정적 요소 생성
})();

이번에는 클로저를 사용하여 구현했습니다. 가장 중요한 점은 값 유형과 참조로 확장되는 것입니다. 유형 개념. js에서는 Object가 참조 유형입니다. 클로저에서는 속성과 메서드가 포함된 Object에 대한 참조를 던집니다. 이런 식으로 Object가 외부로 던져져 공개된다고 할 수도 있습니다. StaticClass 변수는 Return 참조를 받습니다. 클로저 내부의 비공개 필드와 메서드는 발생하지 않으므로 비공개 환경이 형성됩니다.
우리는 프로그램이 너무 혼란스럽지 않도록 JS를 청크하는 데 이 기술을 자주 사용합니다.
위 예시에서 한 번도 해본 적이 없는 형제님들도 직접 해보실 수 있습니다. 잊어버렸습니다. 다음과 같은 예제를 시도해 볼 수 있습니다.
코드 복사 코드는 다음과 같습니다.

StaticClass.Method()
StaticClass.Property = "Test2";
StaticClass.Method();

얼마나 멀리 갈 수 있는지는 누구와 함께 여행하는지에 따라 다릅니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿