質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.50%

  • JavaScript

    16431questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

JavaScriptのオブジェクト指向

解決済

回答 5

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 542

meron-pan

score 28

前提・実現したいこと

クラスというものがどのようなものであるか、はっきりと理解できているわけではないのですが、
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において、このような記述が可能なのか知りたいです。もし、何か違うのであれば上記のことを再現できる方法をご教授ください。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • karamarimo

    2017/10/31 16:53

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

    キャンセル

  • meron-pan

    2017/10/31 17:11

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

    キャンセル

回答 5

+2

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

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);

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+1

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

  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);

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+1

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

クラス - JavaScript | MDN

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+1

古いブラウザを切り捨てても良いのであれば、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);

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

check解決した方法

-1

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.50%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • JavaScript

    16431questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。