ホームページ  >  記事  >  ウェブフロントエンド  >  プロトタイプの研究ノート Organization_prototype

プロトタイプの研究ノート Organization_prototype

WBOY
WBOYオリジナル
2016-05-16 18:49:471023ブラウズ

var Class = {
create: function() {
return function() {
this.initialize.apply(this, argument)
}
}
}
クラス関数はクラスを作成するためのテンプレートまたはプロトタイプとして定義されます
使用方法

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


テスト Class.create()

<スクリプト言語="JavaScript" type= text/javascript" src="prototype.js">
<script> <br>var llinzzi.prototype = { <br>initialize: function(){ <br>document.writeln('これは初期化時に作成されます'); <br>}, <br>fuv:function(){document.writeln('これはインラインメソッドです');} <br> } <br>var linChild = new llinzzi(); <br></head> <br><script> window.onload (linChild); <br></script>
🎜>
////
これは初期化時に作成されます。これはインライン メソッドです。
/////
つまり、プロトタイプの Class.create() メソッドを使用して作成されます。
Inherited
Object.extend = function(destination, source) {
for (source の var property) {
としてオブジェクトの初期化が使用されます。 destination[ property] = source[property];
}
return destination;
}
このメソッドは、ソース オブジェクトのすべてのプロパティとメソッドを宛先オブジェクトにコピーします。オブジェクト クラスで実行される Extension は、主に静的関数 Object.extend (宛先、ソース) を介して JavaScript で継承を実装します。 意味論的な観点から見ると、Object.extend (宛先、ソース) メソッドは、実際にはソース オブジェクトから宛先オブジェクトへのホログラフィック コピーを実装するだけであるため、いくぶん非論理的です。しかし、次のように考えることもできます。ターゲット オブジェクトはソース オブジェクトのすべての特性を備えているため、ターゲット オブジェクトはソース オブジェクトを継承 (拡張) しているように見えます。
// (浅い) コピーを作成します。 obj1 の
var obj1 = {
メソッド : "post",
args : ""
};
var obj2 = Object.extend({},
);例:




コードをコピー


コードは次のとおりです。

テスト オブジェクト.extend ; <script> <u>関数ログ(メッセージ) { </u>document.writeln(" >>>>: " メッセージ); { </a> メソッド : "post", </span>args : "" </div>}; <div class="codebody" id="code48265">var obj2 = Object.extend({}, obj1); >log(obj1 == obj2); <br>log(obj2 == obj1); <br></head> ;body> <br></body> <br></html> <br><br> <br>// 指定されたオプション オブジェクトをデフォルトのオプション オブジェクトにマージします <br>Object.extend; { <br> args : "data=454", <br>onComplete : function() {alert("done!") } <br>}); // "post" <br> options.args / / "ata=454" <br>options.onComplete // function() {alert("done!") } <br>使用例: <br><br><br><br><br>コードをコピーします <br><br><br> コードは次のとおりです: <br> </div> <br><html> <br><title>Test Object.extend</title> <head> <br> <script language="JavaScript" type="text/javascript" ></script>