NEW ARTICLE
Google Colaboratory コマンドパレットを開くショートカットキー
  1. HOME
  2. javascript
  3. javascript newを使ってオブジェクトを生成する

javascript newを使ってオブジェクトを生成する

javascript newを使ってオブジェクトを生成する

javascriptで、newを使ってオブジェクトを生成する複数パターンのサンプルコードを記述してます。

目次

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 103.0.5060.66
Javascript サンプル集はこちら

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