0
0

More than 1 year has passed since last update.

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

Posted at

はじめに

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}

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

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

今日はここまで!

参考にさせて頂いた記事

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0