>웹 프론트엔드 >JS 튜토리얼 >JavaScript_Basic 지식을 바탕으로 사용자 정의 생성자에 대한 자세한 설명

JavaScript_Basic 지식을 바탕으로 사용자 정의 생성자에 대한 자세한 설명

WBOY
WBOY원래의
2016-05-16 17:35:31966검색

Javascript는 Java, C# 및 기타 언어와 같은 실제 클래스를 지원하지 않습니다. 하지만 js에서는 의사 클래스를 정의할 수 있습니다. 이를 수행하는 도구는 생성자와 프로토타입 객체입니다. 먼저 js에 생성자를 소개합니다.

Javascript에서 객체를 생성하는 구문은 new 연산자 뒤에 함수 호출이 오는 것입니다. 예를 들어

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

var obj = new Object( );
var date = new Date();

연산자 new는 먼저 속성 없이 새 객체를 생성한 다음 함수를 호출하여 새 객체를 이 키워드 .
var date = new Date()의 의사 코드 구현은 입니다.

var obj = {};

var date = Date.call(obj);

생성자의 기능은 새로 생성된 개체를 초기화하고 개체를 사용하기 전에 개체의 속성을 설정하는 것입니다. 자신만의 생성자를 정의하는 경우 여기에 속성을 추가하는 함수만 작성하면 됩니다. 다음 코드는 생성자를 정의합니다.

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

function Rectangle ( w, h)
{
this.width = w;
this.height = h;
}

그런 다음 new 연산자를 사용하여 호출할 수 있습니다. 이 함수는 객체의 인스턴스를 생성합니다

var ect = new Rectange(4,8);

생성자의 반환값

Javascript의 생성자는 일반적으로 반환 값이 없습니다. 그러나 함수는 값을 반환할 수 있습니다. 생성자에 반환 값이 있는 경우 반환된 개체는 새 표현식의 값이 됩니다. 이 경우, 이렇게 사용된 객체는 폐기됩니다.

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