Javascript는 함수를 사용하여 생성자를 정의합니다_javascript 팁

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

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

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

new 연산자는 먼저 속성 없이 새 개체를 만든 다음 함수를 호출하고 새 개체를 this 키워드의 값으로 전달합니다. .

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

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

생성자 정의 방법 사용
구문

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

var object=new objectname();
var -- 객체 변수 선언
object -- 객체의 이름
new -- 새 키워드(JavaScript 키워드)
objectname - - 생성자 이름

예제

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

//생성자 정의
함수 사이트(url, 이름)
{
this.url = "www.jb51.net"
this.name ="Dream City"; 🎜 >}
//생성자를 사용하여 JavaScript 개체의 인스턴스를 생성합니다.
var mysite = new Site()
alert(mysite.url)

생성자는 일반적으로 객체의 일부 내용을 초기화할 수 있습니다. JavaScript 내에서 제공되는 일부 객체는 일반적으로 생성자 메서드를 사용하여 생성해야 합니다. JavaScript 함수의 내용은 다음 장에서 소개됩니다.

직접 정의로 JavaScript 객체 생성

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

//객체 구문 정의
var object={};
//객체 내 속성 구문(속성 이름(property)과 속성 값(value)이 쌍으로 나타남)
object.property= value ;
//객체 내 함수 구문(함수 이름(func)과 함수 내용이 쌍으로 나타남)
object.func=function(){...;}

var -- 객체 변수 선언
object -- 객체의 이름
property -- 객체의 속성 이름
func -- 객체의 메소드 이름
설명: 객체는 다음을 포함할 수 있습니다. 일부 속성(함수는 괄호가 있는 특수 속성으로 표시될 수 있음), 각 속성에는 이름과 값이 있습니다. 이름은 임의의 문자열일 수도 있고 비어 있을 수도 있습니다. 값은 모든 JavaScript 유형일 수 있지만 정의되지 않을 수는 없습니다.

정의 방법을 이용하여 정의한 객체의 예

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

var site = {};
site.URL = "www.jb51.net";
site.name = "스크립트 홈"
site.englishname =
site .author = "스크립트";
site.summary = "무료 웹 디자인 튜토리얼";
site.pagescount = 100;
site.isOK =
site.startdate = new Date ( 2005, 12);
site.say = function(){alert(this.englishname " say : hello world!")}
site.age = function(){var theage=(new Date( ) .getFullYear())-site.startdate.getFullYear();alert(this.name "이미" 나이 "세!")}


생성자를 사용하여 JavaScript 객체를 생성하는 예--편집을 시도해 볼 수 있습니다
생성자를 사용하여 JavaScript 객체를 생성합니다
위 메소드는 사이트 객체를 정의하고 이에 대한 7가지 속성을 정의합니다. 두 가지 개인 속성 방법.

say 메소드는 jb51 say: hello world!
age 메소드는 Dream City 웹사이트의 나이를 계산합니다.
Monkey Tip: 각 속성과 함수는 다음과 같아야 합니다. 개체 이름이 앞에 붙습니다. 그렇지 않으면 JavaScript는 해당 개체가 속한 개체를 결정할 수 없습니다.

다음 강좌에서는 직접 정의 방식의 확장인 JSON 정의 방식에 대해 설명합니다.

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title>