プロトタイプの研究ノート Organization_prototype-jsチュートリアル-php.cn

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>

人気のチュートリアル

詳細>