javascript newを使ってオブジェクトを生成する
- 作成日 2020.10.11
- 更新日 2022.07.07
- javascript
- javascript
javascriptで、newを使ってオブジェクトを生成する複数パターンのサンプルコードを記述してます。
環境
- OS windows10 pro 64bit
- Apache 2.4.43
- ブラウザ chrome 103.0.5060.66
new使い方
まずは、newを使って関数オブジェクトを生成します。
function Hoge(str) {
this._str = str;
this.getstr = () => console.log(this._str);
}
const hoge = new Hoge('mebee'); // newでオブジェクト生成
hoge.getstr(); // mebee
const foo = new Hoge('hello'); // newでオブジェクト生成
foo.getstr(); // helloオブジェクトが生成されたことが確認できます。
関数を一度、変数「Hoge」に入れてから、newすることも可能です。
const Hoge = function(str) {
this._str = str;
this.getstr = () => console.log(this._str);
}
const hoge = new Hoge('mebee');
hoge.getstr(); // mebee
const foo = new Hoge('hello');
foo.getstr(); // hello直接 newすることも可能です。
const hoge = new function(str) {
this._str = str;
this.getstr = () => console.log(this._str);
}('mebee');
hoge.getstr(); // mebee-
前の記事
javascript 関数の引数をカウントする 2020.10.11
-
次の記事
javascript ドット演算子とブラケット演算子の違い 2020.10.11