JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのnewキーワードとは?オブジェクトの作成方法と値へのアクセス方法を解説

JavaScriptのnewキーワードとは

JavaScriptでは、newキーワードを使うことで新しいオブジェクト(インスタンス)を作成できます。関数の前にnewを付けると、その関数はコンストラクタ関数として動作し、新しく生成されたオブジェクトに対してthisが束縛されます。

また、作成したオブジェクトのプロパティや値にアクセスするには、ドット記法(.)を使用します。

サンプルコード

function newObjectCreation() {
this.firstName = "John";
}
var newObject = new newObjectCreation();
newObject.firstName = "David";
console.log("The first name=" + newObject.firstName);

この例では、コンストラクタ関数newObjectCreation()の中でthis.firstNameに初期値「John」を設定しています。その後、newキーワードで新しいオブジェクトを生成し、ドット記法でfirstNameプロパティを「David」に書き換えています。

プログラムの実行方法

上記のプログラムを実行するには、Node.js環境で以下のコマンドを使用します。

node fileName.js

ここでは、ファイル名をdemo134.jsとしています。

実行結果

上記のプログラムを実行すると、次の出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo134.js
The first name=David

補足:newキーワードの内部動作

newキーワードが実行されると、内部的には以下のような処理が行われています。

  • 空の新しいオブジェクトがメモリ上に生成される
  • 生成されたオブジェクトがコンストラクタ関数内のthisに束縛される
  • 関数内の処理が実行され、プロパティが設定される
  • 明示的な戻り値がない場合、生成されたオブジェクトが自動的に返される

この仕組みにより、同じ構造を持つ複数のオブジェクトを簡単かつ効率的に作成できるため、newキーワードはJavaScriptのオブジェクト指向プログラミングにおいて非常に重要な役割を果たしています。

  1. JavaScriptでオブジェクトを作成し、プロパティにアクセスする方法を徹底解説

    JavaScriptでは、オブジェクトリテラル(波括弧 {})を使うことで、キーと値のペアを持つオブジェクトを簡単に作成できます。作成したオブジェクトのプロパティには、ドット記法(obj.propertyName)やブラケット記法(obj[propertyName])でアクセスします。 以下は、JavaScriptでオブジェクトを作成し、そのプロパティやメソッドにアクセスする具体的なコード例です。 コード例 <!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta

  2. JavaScriptで多次元オブジェクトを作成する方法【サンプルコード付き】

    はじめに JavaScriptでは、オブジェクトのプロパティの値として別のオブジェクトを持たせることで、多次元(ネストされた)オブジェクトを作成できます。この構造を活用すると、氏名や学校情報、住所のように階層関係のあるデータを、直感的かつ整理された形で表現することが可能です。 サンプルコード 以下は、多次元JavaScriptオブジェクトを作成し、コンソールに表示するためのコード例です。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /