ホームページ > ウェブフロントエンド > jsチュートリアル > プロトタイプの研究ノート Organization_prototype

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

WBOY
リリース: 2016-05-16 18:49:47
オリジナル
1110 人が閲覧しました

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>



関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート