jsでオブジェクトを作成する方法-jsチュートリアル-php.cn

jsでオブジェクトを作成する方法

下次还敢

リリース： 2024-05-07 20:15:30

オリジナル

686 人が閲覧しました

JavaScript では、オブジェクトを作成する複数の方法が提供されます。オブジェクトリテラル構文: 中括弧を使用してプロパティと値を定義します。 new キーワード: コンストラクターを使用してオブジェクトを初期化して返します。 Object.create() メソッド: 別のオブジェクトのプロパティとメソッドを継承します。クラス構文: クラスとコンストラクターを使用してオブジェクトを宣言します。ファクトリパターン: 関数を使用して、再利用可能で一貫性のあるコードを持つオブジェクトを作成します。

jsでオブジェクトを作成する方法

#JavaScript でオブジェクトを作成するメソッド

JavaScript にはオブジェクトを作成するための複数のメソッドがあり、それぞれのメソッドには独自のメソッドがあります。ユニークな利点と用途。

1. オブジェクトリテラルの構文

オブジェクトリテラルは、オブジェクトを作成するために最も一般的に使用される方法です。中括弧 ({}) を使用してオブジェクトのプロパティと値を定義します。

<code class="js">let person = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer"
};</code>

ログイン後にコピー

2. new キーワード

new キーワードは、コンストラクターを使用してオブジェクトを作成するために使用されます。コンストラクターは、新しいオブジェクトを初期化して返す関数です。

<code class="js">function Person(name, age, occupation) {
  this.name = name;
  this.age = age;
  this.occupation = occupation;
}

let person = new Person("John Doe", 30, "Software Engineer");</code>

ログイン後にコピー

3. Object.create() メソッド

Object.create() メソッドは、別のオブジェクトのプロパティとメソッドを継承する新しいオブジェクトを作成します。

<code class="js">let parentObject = {
  name: "Parent Object"
};

let childObject = Object.create(parentObject);

// 访问继承的属性
console.log(childObject.name); // 输出: "Parent Object"</code>

ログイン後にコピー

4. クラス構文

ES6 では、オブジェクトを宣言する別の方法であるクラス構文が導入されました。クラスはキーワード class を使用して定義され、内部でコンストラクターを使用します。

<code class="js">class Person {
  constructor(name, age, occupation) {
    this.name = name;
    this.age = age;
    this.occupation = occupation;
  }
}

let person = new Person("John Doe", 30, "Software Engineer");</code>

ログイン後にコピー

5. ファクトリパターン

ファクトリパターンは関数を使用してオブジェクトを作成します。これは、コードの再利用可能性と一貫性を保つのに役立ちます。

rree

以上がjsでオブジェクトを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。