ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でのいくつかの一般的なオブジェクト指向コード記述方法のまとめ

JavaScript でのいくつかの一般的なオブジェクト指向コード記述方法のまとめ

伊谢尔伦
リリース: 2017-07-22 13:31:01
オリジナル
1232 人が閲覧しました

1.ファクトリーのやり方


var Circle = function() {
  var obj = new Object();
  obj.PI = 3.14159;
  
  obj.area = function( r ) {
    return this.PI * r * r;
  }
  return obj;
}

var c = new Circle();
alert( c.area( 1.0 ) );
ログイン後にコピー

2.より正式な書き方

function Circle(r) {
   this.r = r;
}
Circle.PI = 3.14159;
Circle.prototype.area = function() {
 return Circle.PI * this.r * this.r;
}

var c = new Circle(1.0);  
alert(c.area());
ログイン後にコピー

3.jsonの書き方


4. bit 変化しますが、実質と最初 同じ

var Circle={
  "PI":3.14159,
 "area":function(r){
     return this.PI * r * r;
    }
};
alert( Circle.area(1.0) );
ログイン後にコピー

Circle.PI = 3.14159; を属性に入れて this.PI=3.14159; として書くことができます

1 番目と 3 番目の方法の拡張された小さな例書き込み

var Circle=function(r){
    this.r=r;
}
Circle.PI = 3.14159; 
Circle.prototype={
  area:function(){
    return this.r*this.r*Circle.PI;
  }
}
var obj=new Circle(1.0);
alert(obj.area())
ログイン後にコピー
注意する必要があるのは、この指差しの問題です

以上がJavaScript でのいくつかの一般的なオブジェクト指向コード記述方法のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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