클래스 및 객체 정의를 위한 JavaScript 메소드_javascript 팁

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

이 기사의 예에서는 JavaScript가 클래스와 객체를 정의하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 방법은 다음과 같습니다.

JS에는 클래스와 객체를 작성하는 방법이 다양합니다. 저는 JS에 익숙하지 않기 때문에 제가 이해한 대로 작성합니다. 혹시 잘못된 점을 발견한 친구가 있으면 알려주시면 함께 배울 수 있습니다.
JS에서 클래스를 정의하는 방법에는 두 가지가 있습니다(저는 이 두 가지만 알고 있습니다):

1. 함수 정의 방법:
정의:

코드 복사 코드는 다음과 같습니다.
function classA(a)
{
This.aaa=a; //속성 추가
This.methodA=function(ppp) //메서드 추가
{
경고(ppp);
}
}
classA.prototype.color = "red"; //프로토타입 메소드를 사용하여 객체의 속성을 추가합니다.
classA.prototype.tellColor = function() //프로토타입 메소드를 이용하여 객체를 추가하는 메소드 이 메소드는 클래스의 인스턴스(객체)에도 적용됩니다
{
        반환 "" this.name "의 색상은 " this.color;
}

사용방법:
코드 복사 코드는 다음과 같습니다.
var oClassA=new classA('클래스 예제입니다. !') ; //인스턴스화 클래스
var temp=oClassA.aaa; //aaa 속성 사용
oClassA.methodA(temp); //메소드 methodA 사용


2. 먼저 객체 클래스를 인스턴스화하는 방법
정의:
코드 복사 코드는 다음과 같습니다.
var oClassA=new Object() //인스턴스화 기본 클래스 첫 번째 객체
oClassA.aaa='클래스 예시입니다!'; //속성 추가
oClassA.methodA=function(ppp) //메서드 추가
{
경고(ppp);
}
oclassA.prototype.color = "red"; //프로토타입 메소드를 사용하여 객체의 속성을 추가합니다
oclassA.prototype.tellColor = function() //프로토타입 메소드를 이용하여 객체를 추가하는 메소드
{
         반환 "" this.name "의 색상은 " this.color;
}


사용방법:
다음과 같이 oClassA를 직접 사용할 수 있습니다.
코드 복사 코드는 다음과 같습니다.
var temp=oClassA.aaa; //aaa 속성 사용
oClassA.methodA(temp); //메소드 methodA 사용

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.

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