>  기사  >  웹 프론트엔드  >  JavaScript 튜토리얼 사용자 정의 개체

JavaScript 튜토리얼 사용자 정의 개체

黄舟
黄舟원래의
2016-12-22 15:40:421334검색

JavaScript를 사용하여 나만의 개체를 만들어보세요. JavaScript와 브라우저 자체는 매우 강력하지만 JavaScript는 여전히 새 객체를 생성하는 방법을 제공합니다. 이를 통해 하이퍼텍스트 마크업 언어나 기타 멀티미디어 도구의 도움 없이도 많은 복잡한 작업을 완료할 수 있습니다.

JavaScript에서 새 객체를 생성하는 것은 매우 간단합니다. 먼저 개체를 정의한 다음 개체의 인스턴스를 만들어야 합니다. 이 인스턴스는 개체 정의의 기본 특성을 갖는 새 개체입니다.

객체 정의

JavaScript 객체의 정의, 기본 형식은 다음과 같습니다.

함수 객체(속성 테이블)

This.prop1=prop1

This.prop2=prop2

...

This.meth=FunctionName1;

This.meth=FunctionName2;

.. .

객체 정의에서는 객체의 속성과 메서드를 지정할 수 있습니다. 객체의 인스턴스는 속성과 메서드로 구성됩니다. 예를 들어 다음은 University 개체의 정의입니다.

Function University(name,city,creatDate URL)

This.name=name

This.city= city

This.creatDate=New Date(creatDate)

This.URL=URL

기본 의미는 다음과 같습니다.

이름 - 이름을 지정합니다. "유닛" 이름.

도시 - '유닛'이 위치한 도시.

CreatDate - 대학 개체의 업데이트 날짜를 기록합니다.

URL – 이 개체는 URL을 가리킵니다.


객체 인스턴스 생성

객체가 정의되면 객체의 인스턴스를 생성할 수 있습니다.

NewObject=New object ();

여기서 Newobjet은 새 개체이고 Object는 이미 정의된 개체입니다. 예:

U = 새 대학("장쑤성", "난징시", "2014년 1월 5일 12:00:00", "http://www.51ebk.com")


객체 메소드 사용

객체에서 속성을 사용하는 것 외에도 메소드를 사용해야 하는 경우도 있습니다. 객체 정의에는 객체를 정의하는 방법인 This.meth=FunctionName 문이 있습니다. 실제 객체의 메소드는 자신의 의도를 구현하는 FunctionName 함수입니다.

예를 들어, 자체를 표시하고 해당 문자열을 반환하는 메소드를 대학 개체에 추가합니다.

기능 대학(이름,도시,createDate,URL)

This.Name=Name;

This.city=city;

This.createDate =New Date(creatDate);

This.URL=URL;

This.showuniversity=showuniversity;

This.showuniversity는 메소드---showuniversity()를 정의합니다. showuniversity() 메서드는 대학 개체 자체의 표시를 구현합니다.

function showuniversity()

For (var prop in this)

alert(prop+="+this[prop]+"");

그 중 Alert는 문자열을 표시하는 JavaScript 내부 함수입니다.

위 내용은 JavaScript 튜토리얼의 Custom Object 내용입니다. php.cn) >


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