>  기사  >  웹 프론트엔드  >  Javascript 사용자 정의 유형, 속성, 메소드 예제 코드 요약

Javascript 사용자 정의 유형, 속성, 메소드 예제 코드 요약

伊谢尔伦
伊谢尔伦원래의
2017-07-21 16:14:591557검색

Javascript에서 자주 사용되는 사용자 정의 유형, 속성, 메소드가 정리되어 있습니다. 필요한 친구들이 참고할 수 있습니다.

1. 유형 정의

function UserObject(parameter) { 
}

매개변수는 생략할 수 있으며 이는 C#의 생성자 매개변수와 동일합니다.
2. 사용자 정의 유형을 인스턴스화합니다.

<script type="text/javascript"> 
function userobject(parameter){ 
} 
//myobject is now an object of type userobject! 
var myobject=new userobject("hi") 
alert(myobject) 
</script>

3. 속성을 추가합니다.

function userobject(parameter){ 
this.firstproperty=parameter 
this.secondproperty="This is the second property" 
}

//사용

<script> 
var myobject=new userobject("hi there.") 
//alerts "hi there." 
alert(myobject.firstproperty) 
//writes "This is the second property" 
document.write(myobject.secondproperty) 
</script>

4. 메소드 추가(원 클래스)

//first method function 
function computearea(){ 
var area=this.radius*this.radius*3.14 
return area 
} 
//second method function 
function computediameter(){ 
var diameter=this.radius*2 
return diameter 
}

르레에

사용자 지정 방법 사용:

<script type="text/javascript"> 
/*the below creates a new object, and gives it the two methods defined earlier*/ 
function circle(r){ 
//property that stores the radius 
this.radius=r 
this.area=computearea 
this.diameter=computediameter 
} 
</script>


위 내용은 Javascript 사용자 정의 유형, 속성, 메소드 예제 코드 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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