>  기사  >  웹 프론트엔드  >  JS_javascript 스킬의 프로토타입 키워드 기능 소개 및 사용 예

JS_javascript 스킬의 프로토타입 키워드 기능 소개 및 사용 예

WBOY
WBOY원래의
2016-05-16 17:28:091073검색

프로토타입 키워드는 자신이 만든 원본 JS 객체나 클래스에 메서드나 속성을 추가할 수 있습니다.
상속도 구현할 수 있습니다.
예:

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





JS에서 프로토타입 키워드 사용

<script> <BR><!-- 원본 객체의 데모1 JS 추가 메소드 --> <BR>Number.prototype.add = function (num){ <BR>return this num <BR>} <BR>function but1_click(){ <BR>alert((3). add( 8)); <BR>} <BR><!-- 데모2 JS의 새 객체에 속성과 메서드를 추가합니다.-> <BR>function Car(cColor,cWeight){ <BR>this. cColor = cColor <BR>this.cWeight = cWeight; <BR>} <BR>Car.prototype.drivers = new Array('zhangsan','lisi') <BR>Car.prototype.work = function (cLong ){ <BR>alert("나는 달렸다" cLong "km") <BR>} <BR>function but2_click(){ <BR>var c = new Car("red","5"); c.drivers.push('zhaoliu'); <BR>alert(c.drivers); <BR>c.work(1) <BR>} <BR><!-- 데모3 JS , 속성을 추가하면 메소드가 간결하게 작성됩니다.-> <BR>function Rectangle(rWeight,rHeight){ <BR>this.rWeight = rWeight; <BR>this.rHeight = rHeight; _init == ' 정의되지 않음'){ <BR>Rectangle.prototype.test = function (){ <BR>alert("test") <BR>} <BR>} <BR>this._init = true; >} <BR>function but3_click(){ <BR>var t = new Rectangle(6,8); <BR>t.test() <BR>} <BR><!-- 데모4 프로토타입 상속-- > <BR>function objectA(){ <BR>this.methodA = function (){ <BR>alert("나는 메소드 A입니다") <BR>} <BR>} <BR>function objectB(){ <BR>this .methodB = function (){ <BR>alert("나는 메소드 B입니다"); <BR>} <BR>} <BR>objectB.prototype = new objectA() <BR>function but4_click( ){ <BR>var t = new objectB(); <BR>t.methodA() <BR>} <BR></script>
< ;h2> 프로토타입 키워드 사용






< ;/body>


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