ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript デザイン パターン 表現力豊かな JavaScript (1)_javascript スキル

JavaScript デザイン パターン 表現力豊かな JavaScript (1)_javascript スキル

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

メイントピック:

1.1 JavaScript の柔軟性

オブジェクト指向 Javascript プログラミング モデル: 1. 状態を保存できる 2. オブジェクト内でのみ呼び出すことができるメソッドがある 3. より適切な制御が可能書かれたプログラムの上にその構造は反復開発に耐えることができます (私の意見では)

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

//一般にクラスとしても知られる関数を構築するのに十分です
var Anim=function(){
...
}
// クラス、プロトタイプのメソッドJavaScript では
Anim .prototype.start=function(){
...
}



注: 一般的に、メソッドはプロトタイプは一般的に保存されないため、プロトタイプは一般に保存されません。 ユニバーサルなものを作成する

コード
コードをコピーします コードは次のとおりです。次のように:

Function .prototype.method=function(name,fn){
this.prototype[name]=fn;

var Anim= function(){
}
Anim.method("start",function(){alert("started")})
Anim.method("stop",function(){alert("stopped) ")})

var anim=new Anim();
anim.start();
anim.stop();

上記のコードは、以下の点:

1 、すべての関数は、 var f=new Function("alert();")

2 などの Function クラスのオブジェクトです。システムのデフォルトのクラスのプロトタイプですが、これはお勧めできません。簡単です。 混乱



関数はファーストクラスのオブジェクトです:

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