ホームページ  >  記事  >  ウェブフロントエンド  >  JS_javascriptスキルにおけるprototypeキーワードの機能紹介と使用例

JS_javascriptスキルにおけるprototypeキーワードの機能紹介と使用例

WBOY
WBOYオリジナル
2016-05-16 17:28:091073ブラウズ

プロトタイプ キーワードを使用すると、自分で作成したオリジナルの JS オブジェクトまたはクラスにメソッドまたはプロパティを追加できます。
継承も実装できます。
例:

コードをコピー コードは次のとおりです:





JS でのプロトタイプ キーワードの使用

<script> <br><!-- の元のオブジェクト内demo1 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>Car.prototype.drivers = new Array('zhangsan','lisi'); <BR>Car.prototype.work = function (cLong) ){ <BR>alert("cLong "km"); <BR>function but2_click(){ <BR>var c = new Car("red","5"); c. drivers.push('zhaoliu'); <BR>alert(c.drivers); <BR>} <BR><!-- デモ 3 JS の新しいオブジェクト内、属性を追加します。メソッドはコンパクトに記述されています。<BR>function Rectangle(rWeight,rHeight){ <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>} <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></script>

プロトタイプキーワードの使用









声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。