JavaScriptのオブジェクト指向

Question

###前提・実現したいこと
クラスというものがどのようなものであるか、はっきりと理解できているわけではないのですが、
function内に大量の処理を記述し、それをインスタンス化？することによって、「値のみの変更で同じ処理を繰り返し行う」を実現したいです。
関数bbb以降は引数はユーザーが入力するようにしたいので
感覚的には、本のページをめくるような感じて、コードを管理したいのです。

###該当のソースコード

function aaa(){
 aaa.1 = function(number){
    alert("番号は"+number+"です");
 }
 aaa.2 = function(number) {
    ・・・処理・・・（処理はaaa.1でもaaa.3でもない）
 }
 aaa.3 = function(number) {
    ・・・処理・・・（処理はaaa.1でもaaa.2でもない）
 }
}

//処理が同じなので値だけ変えて処理を行いたい
//インスタンス化？を行う
var bbb = new aaa(){
  bbb.1(3);
  bbb.2(5);
  bbb.3(6);
　ccc();
};

var ccc = new aaa(){
  ccc.1(3);
  ccc.2(5);
  ccc.3(6);
};
 　　　　・
　　　　 ・
　　　　 ・

###分からないこと
JavaScriptにおいて、このような記述が可能なのか知りたいです。もし、何か違うのであれば上記のことを再現できる方法をご教授ください。

Comments

[karamarimo]

「値のみの変更で同じ処理を繰り返し行う」だけなら function をいくつか作るのではダメなのでしょうか？

[meron-pan]

そうすると大量の記述がある場合、可視性が低下するので階層を設けたいのです。

Answer 1

こういうことでしょうか？

function aaa(){
  this.func1 = function(number){
    console.log("番号は"+number+"です");
  }
  this.func2 = function(number) {
    console.log("10倍すると"+(number*10)+"です");
  }
}
var bbb = new aaa();
bbb.func1(3);
bbb.func2(3);

Answer 2

古いブラウザを切り捨てても良いのであれば、ECMAScript6で採用されたclass構文を使えばわかりやすく書けると思います。

class aaa{
	constructor() {
		//コンストラクタ
	}
	method1(n){
		alert("aaaから呼び出した番号は"+n+"です");
	}
	method2(n){
		alert("aaaから呼び出した番号は"+n+"です");
	}
}

class ccc extends aaa{
	constructor() {
		super();	// 親クラスの同名メソッドを呼び出す
	}
	method1(n){
		alert("cccから呼び出した番号は"+n+"です");
	}
}

var a = new aaa();
a.method1(10);
var c = new ccc();
c.method1(20);
c.method2(30);

Answer 3

ECMAScript6ではclassを使用可能になります。

クラス - JavaScript | MDN

Answer 4

インスタンス化すれば下記のようになるかと思いますが、

  function aaa(){
    this.notify = function(number){
      alert("番号は"+number+"です");
    }
  }
  
  var bbb = new aaa()
  
  bbb.notify(3);
  bbb.notify(5);
  bbb.notify(6);

この程度であればクラスやインスタンスを無理に使わないほうがシンプルだと思いますね。

function aaa(number){
    alert("番号は"+number+"です");
}

aaa(3);
aaa(5);
aaa(6);

どうしてもインスタンス化したいとか、実際のコードはもっとオブジェクト指向的に書くのが良さそうだとか、そういった事情があれば返信に記載下さい。

Answer 5

さまざまな方々に回答いただき誠にありがとうございます。自らの質問に全文書き換えるような大きなミスがあったのに気づいたのでここで質問を終わらせていただきます。申し訳有りません。