javascript 객체 지향 JavaScript class_js 객체 지향

이전 섹션 JavaScript 객체 지향 네임스페이스에서는 JavaScript 네임스페이스를 정의하는 방법에 대해 이야기했으며, 이번 섹션에서는 다음 개념인 클래스에 대해 설명하겠습니다. JavaScript에는 클래스 키워드가 없지만 개발자로서 우리는 이 아이디어를 가지고 있어야 합니다. C#에서는 클래스를 인스턴스 클래스와 정적 클래스로 나눌 수 있으며 JavaScript에서도 마찬가지입니다.


1. 인스턴스 클래스 정의: 이전 섹션에서는 cnblogs.news라는 네임스페이스를 정의했습니다. 이제 이 네임스페이스 아래에 Article이라는 클래스를 정의합니다.

코드 복사 코드는 다음과 같습니다. cnblogs.news.Article=function(){

var _this=this;

this.title=null;
this.content=null;
this.show=function(){
document.write("

" _this.title "

> ;");
document.write("

" _this.content "

");
}
}


객체를 생성한다는 것은 C#과 같습니다.

코드 복사 코드는 다음과 같습니다. // 인스턴스화 객체

var article =new cnblogs.news.Article();

// 객체의 속성에 값을 할당합니다
article.title="기사 제목입니다"; 🎜>article.content="기사 내용입니다";
// 객체의 메소드 호출
article.show()


두 번째, 정적 정의 클래스: 소위 정적 클래스는 클래스의 멤버를 직접 호출하는 것입니다. 즉, 클래스의 멤버는 객체가 아닌 Class에 속합니다. 기사를 예로 들면 코드는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다. cnblogs.news .Article={ title: "기사 제목입니다.",

content: "기사 내용입니다.",

show:function(){
document.write("

" cnblogs.news.Article.title "

")
document.write("

" cnblogs.news.Article.content "< ;/p>");
}
};


호출 방법도 C#과 유사합니다:
cnblogs.news.Article.show();
아마도 지금쯤 소위 JavaScript 정적 클래스가 실제로는 json 개체라는 사실을 발견하셨을 것입니다. 축하합니다. 정답을 얻으셨습니다! ^_^

셋, 선택 방법:
그럼 언제 인스턴스 클래스를 선택하고 언제 정적 클래스를 선택할까요? way^_^ ), 도구 클래스, 플러그인 클래스, 구조와 같이 DOM에 약하게 의존하지만 강력한 재사용성이 필요한 일부 프로그램을 개발하고 반면에 프로그램이 DOM에 강한 의존성을 갖는 경우 정적 클래스를 사용합니다. DOM, 변수는 종종 전달되거나 클래스 구조를 변경한 다음 인스턴스 클래스를 사용합니다. 개인적으로 저는 두 번째 솔루션보다 첫 번째 솔루션을 선호합니다. C# 작성에 익숙한 학생들도 같은 느낌을 받을 것이라고 생각합니다. ^_^.
작가: 시앙 삼촌