【JavaScript】関数とオブジェクト⑨ コンストラクター関数

#はじめに

Udemyの【JS】ガチで学びたい人のためのJavaScriptメカニズムの講座の振り返りです。

前回の記事

#目的

• 関数とオブジェクトについての理解を深める

#本題
###1.コンストラクター関数

• コンストラクター関数とは新しくオブジェクトを作成するための雛形となる関数のこと。
• new演算子を使用する。

const b = new A();

• newでオブジェクトを作成すること(new A())をインスタンス化という
• newで作成したオブジェクト(b)のことをインスタンスという

###例1

インスタンス化

// 関数を定義
// 普通の関数と区別するために大文字で定義する
function Person(name,age){
  // 格納したいプロパティを定義
  this.name = name;
  this.age = age;
}
// new演算子を用いてインスタンス化
const a = new Person("武田", 30);
console.log(a);

実行結果.

Person {name: '武田', age: 30}
age: 30
name: "武田"
[[Prototype]]: Object

// 他のオブジェクトも生成
const b = new Person("双葉", 25);
const c = new Person("風間", 28);

ブラウザ上で確認すると以下の通り

実行結果.

b
Person {name: '双葉', age: 25}
c
Person {name: '風間', age: 28}

オブジェクトとして生成される

テンプレート化されたオブジェクトを使いまわしできる

今日はここまで！

#参考にさせて頂いた記事

• 【JS】ガチで学びたい人のためのJavaScriptメカニズム