Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

new演算えんざん

プログラミングでよく見る new という言葉、不思議ですよね。 これは、新しいもの(オブジェクト)を作るための 「型(かた)」から「本物(ほんもの)」を生み出す魔法まほうの言葉 です。

留学生の方には、「たいきの型」と「本物のたいき」たとえて説明すると、とてもスッキリ納得なっとくしてもらえます!


I. new は「実体じったいを作る」もの

プログラミングの世界には、設計図せっけいず と、その設計図から作られた 「本物」 の2つがあります。

  • 型(クラスやコンストラクタ): たいきの「鉄板てっぱん」です。これだけでは食べられません。
  • new を使って作ったもの(インスタンス): 実際に食べられる「本物のたいき」です。
// Date という「時計の設計図」を使って、
// new で「今動いている本物の時計」を新しく作る
const myClock = new Date();


II. なぜ new が必要なの?

たとえば、SNSの「ユーザー」というデータを作るとしましょう。 全員の情報をバラバラに作るのは大変ですが、new を使えば同じ形のデータをいくつでも簡単に作れます。

// 1. ユーザーの「設計図(型)」を作る
function User(name) {
  this.name = name;
  this.sayHi = function() {
    console.log("こんにちは、" + this.name + "です!");
  };
}

// 2. new を使って、本物のユーザーをどんどん作る
const user1 = new User("マリア");
const user2 = new User("ジョン");

user1.sayHi(); // 「こんにちは、マリアです!」
user2.sayHi(); // 「こんにちは、ジョンです!」

  • User はただの設計図です。
  • new User("マリア") と書いた瞬間に、メモリの中に「マリア」という実体じったい が誕生します。

III. new を使ったときに中で起きていること

留学生に教えるとき、new裏側うらがわでやってくれる「3つの仕事」を伝えると理解が深まります。

  1. 新しい空(から)の箱 を作る。
  2. その箱に、名前や中身を コピー して入れる。
  3. 完成した箱を 「はい、どうぞ!」と渡す(return)

IV. new を使うもの・使わないもの

ここが一番のポイントです。JavaScriptには2つのパターンがあります。

  • new が必要なもの(重いもの・複雑なもの)

  • new Date() :日付

  • new User() :自分で作った特別な型

  • new がいらないもの(軽くてシンプルなもの)

  • "Hello" :文字列(String型)

  • 123 :数字(Number型)

  • true真偽しんぎ値(Boolean型)

Important

留学生へのアドバイス:StringNumbernew で作れるけど、基本的には使わないよ。『特別な機能を持った自分だけの道具』を作るときに new を使う んだよ!」と教えてあげてください。


まとめ

言葉意味たとえ話
設計図(Class)データの形を決めたものたいきの型
new実体じったいを作るためのコマンド記事を流し込む動作
実体じったい(Instance)new で作られた本物のデータきたてのたい

Tip

「new」のイメージ 英語の「New(新しい)」そのままです。「新しい実体じったい(じったい)を1つ、今ここで生み出すぞ!」という気持ちで使いましょう。


いかがでしょうか?「型から本物を作る魔法じゅもん言葉ことば」というイメージは持てましたか?

戻る