似たような回答をいくつか見ましたが、この投稿がそれを最もよく表していることを述べたいので、それを共有したいと思います。
これから抜粋したコードの一部を以下に示します。これは、クラスのデザインテンプレートとして使用できるため、コミュニティに利益をもたらすと期待される完全な例を取得するために変更しました。
それはまたあなたの質問に答えます：
function Podcast() {
// private variables
var _somePrivateVariable = 123;
// object properties (read/write)
this.title = 'Astronomy Cast';
this.description = 'A fact-based journey through the galaxy.';
this.link = 'http://www.astronomycast.com';
// for read access to _somePrivateVariable via immutableProp
this.immutableProp = function() {
return _somePrivateVariable;
}
// object function
this.toString = function() {
return 'Title: ' + this.title;
}
};
// static property
Podcast.FILE_EXTENSION = 'mp3';
// static function
Podcast.download = function(podcast) {
console.log('Downloading ' + podcast + ' ...');
};
この例では、次のように静的プロパティ/関数にアクセスできます。
// access static properties/functions
console.log(Podcast.FILE_EXTENSION); // 'mp3'
Podcast.download('Astronomy cast'); // 'Downloading Astronomy cast ...'
そして、オブジェクトのプロパティ/関数は単に次のようになります：
// access object properties/functions
var podcast = new Podcast();
podcast.title = 'The Simpsons';
console.log(podcast.toString()); // Title: The Simpsons
console.log(podcast.immutableProp()); // 123
注そのpodcast.immutablePropで（）、我々はクロージャを： _somePrivateVariableへの参照は、関数の内部で保持されます。
ゲッターとセッターを定義することもできます。次のコードスニペットを見てください（dプロパティを宣言するオブジェクトのプロトタイプyは、コンストラクターの外部からは見えないプライベート変数です）。
// getters and setters
var d = Date.prototype;
Object.defineProperty(d, "year", {
get: function() {return this.getFullYear() },
set: function(y) { this.setFullYear(y) }
});
プロパティはd.yearvia getとset関数を定義します-を指定しない場合set、プロパティは読み取り専用で変更できません（設定しようとしてもエラーは発生しませんが、効果はありません）。各プロパティには属性がありwritable、configurable（宣言の後に変更することができます）とenumerable、デフォルトごとにある（列挙子としてそれを使用できるようにします）、 false。これらdefinePropertyは、3番目のパラメータ（など）で設定できますenumerable: true。
次の構文も有効です。
// getters and setters - alternative syntax
var obj = { a: 7,
get b() {return this.a + 1;},
set c(x) {this.a = x / 2}
};
これは、読み取り/書き込み可能なプロパティa、読み取り専用プロパティb、および書き込み専用プロパティを定義します。cこれらのプロパティを通じてaアクセスできます。
使用法：
console.log(obj.a); console.log(obj.b); // output: 7, 8
obj.c=40;
console.log(obj.a); console.log(obj.b); // output: 20, 21
ノート：
newキーワードを忘れた場合の予期しない動作を回避するために、関数に以下を追加することをお勧めしますPodcast。
// instantiation helper
function Podcast() {
if(false === (this instanceof Podcast)) {
return new Podcast();
}
// [... same as above ...]
};
これで、次のインスタンス化の両方が期待どおりに機能します。
var podcast = new Podcast(); // normal usage, still allowed
var podcast = Podcast(); // you can omit the new keyword because of the helper
'new'ステートメントは、新しいオブジェクトを作成し、すべてのプロパティとメソッドをコピーします。
var a=new Podcast();
var b=new Podcast();
a.title="a"; b.title="An "+b.title;
console.log(a.title); // "a"
console.log(b.title); // "An Astronomy Cast"
また、状況によってreturnは、コンストラクター関数のステートメントを使用してPodcast、クラスが内部的に依存しているが公開する必要のある関数を保護するカスタムオブジェクトを返すと便利な場合があります。これについては、一連の記事の第2章（オブジェクト）で詳しく説明しています。
あなたはそれを言ってa、bから継承することができますPodcast。さて、何をした後、それらのすべてに適用されるポッドキャストへのメソッドを追加したい場合aやbインスタンス化されていますか？この場合、.prototype次のように使用します。
Podcast.prototype.titleAndLink = function() {
return this.title + " [" + this.link + "]";
};
今すぐお電話aとb再び：
console.log(a.titleAndLink()); // "a [http://www.astronomycast.com]"
console.log(b.titleAndLink()); // "An Astronomy Cast [http://www.astronomycast.com]"
プロトタイプの詳細については、こちらをご覧ください。より多くの継承をしたい場合は、これを調べることをお勧めします。
上記の記事シリーズは、読むことを強くお勧めします。次のトピックも含まれます。
- 機能
- オブジェクト
- プロトタイプ
- コンストラクター関数に新しいを強制する
- 巻き上げ
- セミコロンの自動挿入
- 静的プロパティとメソッド
JavaScriptのセミコロン自動挿入「機能」（6で説明）は、コードで奇妙な問題を引き起こす原因となることが非常に多いことに注意してください。したがって、私はむしろそれを機能としてではなくバグと見なしたいと思います。
あなたがもっと読みたい場合は、ここでは非常に興味深いですMSDNの記事これらのトピックについて、それらのいくつかは、さらに多くの詳細が提供説明しました。
同じく興味深いのは（上記のトピックもカバーする）MDN JavaScriptガイドの記事です：
JavaScriptで（など）c＃outパラメーターをエミュレートする方法を知りたい場合はDateTime.TryParse(str, out result)、ここでサンプルコードを見つけることができます。
されているあなたの人々のIEでの作業（あなたが使用して開発ツールを開かない限りはJavaScriptのためのコンソールを持っていないF12し、コンソールタブを開くには）次のスニペットが役に立つかもしれません。console.log(msg);上記の例で使用されているように使用できます。Podcast関数の前に挿入するだけです。
便宜上、上記のコードを1つの完全な単一のコードスニペットで示します。
let console = { log: function(msg) {
let canvas = document.getElementById("log"), br = canvas.innerHTML==="" ? "" : "<br/>";
canvas.innerHTML += (br + (msg || "").toString());
}};
console.log('For details, see the explaining text');
function Podcast() {
// with this, you can instantiate without new (see description in text)
if (false === (this instanceof Podcast)) {
return new Podcast();
}
// private variables
var _somePrivateVariable = 123;
// object properties
this.title = 'Astronomy Cast';
this.description = 'A fact-based journey through the galaxy.';
this.link = 'http://www.astronomycast.com';
this.immutableProp = function() {
return _somePrivateVariable;
}
// object function
this.toString = function() {
return 'Title: ' + this.title;
}
};
// static property
Podcast.FILE_EXTENSION = 'mp3';
// static function
Podcast.download = function(podcast) {
console.log('Downloading ' + podcast + ' ...');
};
// access static properties/functions
Podcast.FILE_EXTENSION; // 'mp3'
Podcast.download('Astronomy cast'); // 'Downloading Astronomy cast ...'
// access object properties/functions
var podcast = new Podcast();
podcast.title = 'The Simpsons';
console.log(podcast.toString()); // Title: The Simpsons
console.log(podcast.immutableProp()); // 123
// getters and setters
var d = Date.prototype;
Object.defineProperty(d, "year", {
get: function() {
return this.getFullYear()
},
set: function(y) {
this.setFullYear(y)
}
});
// getters and setters - alternative syntax
var obj = {
a: 7,
get b() {
return this.a + 1;
},
set c(x) {
this.a = x / 2
}
};
// usage:
console.log(obj.a); console.log(obj.b); // output: 7, 8
obj.c=40;
console.log(obj.a); console.log(obj.b); // output: 20, 21
var a=new Podcast();
var b=new Podcast();
a.title="a"; b.title="An "+b.title;
console.log(a.title); // "a"
console.log(b.title); // "An Astronomy Cast"
Podcast.prototype.titleAndLink = function() {
return this.title + " [" + this.link + "]";
};
console.log(a.titleAndLink()); // "a [http://www.astronomycast.com]"
console.log(b.titleAndLink()); // "An Astronomy Cast [http://www.astronomycast.com]"
<div id="log"></div>
ノート：
JavaScriptプログラミング全般に関するいくつかの優れたヒント、ヒント、および推奨事項は、ここ（JavaScriptのベストプラクティス）とそこ（「var」と「let」）にあります。暗黙の型キャスト（強制）に関するこの記事もお勧めし ます。
クラスを使用してJavaScriptにコンパイルする便利な方法はTypeScriptです。 遊び場は、それがどのように機能するかを示すいくつかの例を見つけることができます。現時点でTypeScriptを使用していない場合でも、TypeScriptとJavaScriptの結果を並べて表示して比較できるので、外観を確認できます。ほとんどの例は単純ですが、すぐに試すことができるレイトレーサーの例もあります。特に、「クラスの使用」、「継承の使用」、および「ジェネリックスの使用」の例をコンボボックスで選択して調べることをお勧めします。これらは、JavaScriptですぐに使用できる素晴らしいテンプレートです。TypescriptはAngularで使用されます。
達成するためにカプセル化ローカル変数は、JavaScriptの関数などのを、私は（jQueryのと同じ手法を使用しています）、次のようなパターンを使用することをお勧め：
<html>
<head></head>
<body><script>
'use strict';
// module pattern (self invoked function)
const myModule = (function(context) {
// to allow replacement of the function, use 'var' otherwise keep 'const'
// put variables and function with local module scope here:
var print = function(str) {
if (str !== undefined) context.document.write(str);
context.document.write("<br/><br/>");
return;
}
// ... more variables ...
// main method
var _main = function(title) {
if (title !== undefined) print(title);
print("<b>last modified: </b>" + context.document.lastModified + "<br/>");
// ... more code ...
}
// public methods
return {
Main: _main
// ... more public methods, properties ...
};
})(this);
// use module
myModule.Main("<b>Module demo</b>");
</script></body>
</html>
もちろん、スクリプトコードを別の*.jsファイルに配置することもできます。これは、例を短くするためにインラインで書かれているだけです。
自己呼び出し関数（IIFE =即時呼び出し関数式とも呼ばれます）については、ここで詳しく説明します。