javascript constructor

Question

やりたい事　「空のオブジェクトをnewできるようにしたい」

var sam1={};
var sam2=new sam1();

としてsam2インスタンスを生成したいのですが、sam1は単なる空の連想配列なので、functionではなく、constructorがないのでnewできません。

var sam1={};

にconstructorを定義するなどして、newできるようにするには、どうしたらいいのでしょうか？

よろしくお願いします。

Answer 1

クラス - MDN

↑ ここを読まれるとよいのでは？

Comments

[old_dog]

ご回答をありがとうございました。JSのクラスはJavaなどと異なり、疑似クラスという扱いでclassの記述を可能としたものと理解しています。なので基本的には疑似classではなく、new Object(null)や{}で作る空のオブジェクトから関数を作り、理解を深めたいと考えています。

Answer 2

「あるオブジェクトをプロトタイプにして別なオブジェクトを作りたい」のであれば、Object.createというメソッドがあります（MDN）。

var sam1={};
var sam2=Object.create(sam1);

Comments

[old_dog]

ご回答をありがとうございました。ご指導いただきましたサンプルコードを、var sam1={i:i};最終に、console.log(Object.getProtptypeOf(sam2));を実行し,{i:i}が表示されました。この方法で内部prototypeにsam1を設定したsam2を生成できることは理解できたのですが、このsam2を関数型のオブジェクトに作り替える方法はないものか、ということを考えていたのですが、そのような考え方が悪いか、そういう必要がないということとのような気がしてきました。お忙しいところ心からお礼申し上げます。

[maisumakun]

> このsam2を関数型のオブジェクトに作り替える方法はないものか

その方法を取ることで、「最初からコンストラクタ関数を作る」という方法では得られない何かがあるのでしょうか？

[old_dog]

そのようなことはありません。JSを学習していくと、いろいろなオブジェクトの生成方法や、記述方法があり、とても柔軟な言語なので、いろいろ混乱してしまっており、オブジェクトリテラルを関数化できるのではないか、という単純な疑問を持ってしまいました。{}とf(){}は両方とも内部prototypeがあり、プロパティでprototypeを設置することができるのだから、{}にもprototype.constructorを設定したりして、関数にできるのではないか、っと。とても大切なお時間を私の愚問で消費させてしまいまして申し訳ありませんでした。また心からお礼申し上げます。ありがとうございました。

Answer 3

(都合により削除)

Comments

[old_dog]

質問内容が悪かったようで申し訳ありません。変数に関数を代入したり、function sam1(){}とすればconstructorやprototypeが設定されることは理解してるのですが、記載のように、sam1={}やsam1=new Object(null)で生成したオブジェクトをnewしてインスタンス化できるような記法を模索しています。

[退会済みユーザー]

(都合により削除)

[old_dog]

ご回答くださいましてありがとうございました。労いのお言葉もいただき心よりお礼申し上げます。今後ともご指導いただけますようお願いします。ありがとうございました。

Answer 4

プロトタイプを使うというのはいかがですか？

マイクロソフト公式解説書「プログラミング Microsoft ASP.NET MVC」の 10.1.2 章に書いてあったことですが、JavaScript でオブジェクト指向を実装するのにプロトタイプを利用できるそうです。

その一例ですが、以下の記事のコードを見てください。

for...in ループと hasOwnProperty
http://surferonwww.info/BlogEngine/post/2017/06/30/use-of-hasOwnProperty-in-for-in-loop.aspx

Comments

[old_dog]

ご回答ありがとうございました。掲示頂きました内容はすべて検証させていただきました。ご提示の内容ですと、オブジェクトのプロパティの継承の検証で、hasOwnPropertyはオブジェクトプロパティのprototypeのようには使えない、という内容のようでした。({})がnewできるようにするために、手作業で({})をFunctionにしたいのですが、なかなか見当たりません。

[退会済みユーザー]

紹介した記事の表題や内容が良くなかったようですが、お伝えしたかったことはその中の一部で、

// Person クラスの疑似コンストラクター
var Person = function (name, lastname, birthdate) {
this.initialize(name, lastname, birthdate);
}
・・・以下略・・・

というように定義しておけば、

var p = new Person("web", "surfer", "2017/6/30");

というように new できるということです。

[old_dog]

引き続きありがとうございました。Personはfunction型で宣言されていますので、Person自体にconstructorがありnewしてインスタンスを生成できる、というのは理解しています。function型ではない、単純なJSオブジェクトとして、var Person={};と宣言して、Personオブジェクトをコードで関数化してnew Personでインスタンスを生成できる記法をさがしています。setPrototypeOf(obj)のようにオブジェクトにconstructorを設定できる方法とか。

お忙しいところ何度もありがとうございます。心からお礼申し上げます。

[maisumakun]

> 単純なJSオブジェクトとして、var Person={};と宣言して、Personオブジェクトをコードで関数化してnew Personでインスタンスを生成できる記法をさがしています。

JavaScriptの文法内では、「オブジェクトリテラルから作ったオブジェクト」を関数として呼び出せるように変化させる方法はありません（関数を作って上書きする、あるいはProxyという「オブジェクトに対する操作をすべてコードで再定義可能な特殊なオブジェクト」を使う、ぐらいしかありません）。

[old_dog]

なるほどです。Proxyで直接作り変えるほかないのですね。とてもすっきりしました。お忙しいところ、愚問に真摯にご指導下さいましてありがとうございました。本当にすっきりしました。心よりお礼申し上げます！

Answer 5

せめてこんな感じ

var sam1=function(){};
var sam2=new sam1();

もしくは

class sam1{};

Comments

[old_dog]

ご回答いただきましてありがとうございました。({})や、sam=new Object(null)、もしくはsam={}と、オブジェクトを生成して、そのオブジェクトをFunction（型？）に手作業で作り変える記法を探しています。({})をJSのコードで関数に作り替えることはできないのでしょうか？

[yambejp]

>オブジェクトを生成して、そのオブジェクトをFunction（型？）に手作業で作り変える

ちょっと何をしたいかわかりません
objectで宣言して、functionで上書きするということですか？
であれば最初からfunctionで作ればよいような気がしますが？

[old_dog]

度々ありがとうございます。おっしゃる通り、function sam(){}と宣言すれば済むことなのですが、{}からf(){}にできるのであれば、どんなコードを使っていくのだろうか、と疑問を持ってしまい、数日いろいろ調べているのですが、該当する情報がなく、こちらで質問させていただきました。変な質問をしてしまってすみませんでした。ご回答をありがとうございます。心からお礼申し上げます。