> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 객체지향 정의 멤버 메소드 인스턴스 분석

JavaScript 객체지향 정의 멤버 메소드 인스턴스 분석

韦小宝
풀어 주다: 2017-11-30 09:01:04
원래의
1510명이 탐색했습니다.

이 글에서는 javascript객체 지향에서 멤버 메소드의 정의를 분석합니다. JavaScript객체 지향 멤버 메소드 정의에 익숙하지 않은 학생들도 JavaScript에 대해 살펴보고 배울 수 있습니다!

javascript는 객체 지향적이며 멤버 메서드는 다음과 같이 정의됩니다.

<script language="javascript" type="text/javascript">
function Person(name,age){
 this.name = name;
 this.age = age;
 this.show = function(){
  document.write(this.name+"今年"+this.age+"岁");
 }
}
var p1 = new Person("王美人",24);
p1.show();
</script>
로그인 후 복사

설명:
(1) 여기서는 생성자 가 사용됩니다.
(2) this.show= function() this 인스턴스화된 모든 객체가 이 메서드를 갖도록 정의된 메서드입니다. 인스턴스화된 객체를 별도로 소유해야 하는 경우 아래 예와 같이 함수를 외부에서 작성한 다음 이를 전달할 수 있습니다.
(3) this.show의 function()에도 매개변수가 있을 수 있습니다.


함수는 외부에서 정의됩니다
javascript 객체의 속성과 메서드가 동적으로 추가되므로 다음과 같이 정의할 수 있습니다.

<script language="javascript" type="text/javascript">
function Person(name,age){
 this.name = name;
 this.age = age;
}
function show(){
 window.alert("hello,"+this.name);
}
var p1 = new Person("王美人",24);
p1.show1 = show;//注意,函数后面带()与不带()的区别。带括号表示将结果给p1.show1,而不带括号表示将该函数给p1.show1。
p1.show1();
</script>
로그인 후 복사

또는 다음과 같이 정의할 수도 있습니다. 이렇게 정의합니다:

p1.show1 = function show(){..................}
로그인 후 복사

위는 JavaScript의 객체지향 정의 멤버 메소드 분석 내용의 전부입니다. 학생들의 JavaScript 이해에 도움이 되기를 바랍니다.

관련 권장 사항:

JavaScript 객체 지향 기반 및 이 포인팅 문제에 대한 자세한 분석

javascript 객체지향 속성 함수 Usage

JavaScript 객체 지향 프로그래밍(객체 생성)

위 내용은 JavaScript 객체지향 정의 멤버 메소드 인스턴스 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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