メソッド属性 JavaScript

1. 概要

JavaScript では、メソッドとプロパティはオブジェクトの 2 つの重要なコンポーネントです。メソッドはオブジェクトの動作であり、プロパティはオブジェクトの説明です。メソッドとプロパティは、JavaScript のオブジェクト指向プログラミングにおいて重要な役割を果たします。この記事では、例を使用してメソッド属性に関する関連知識を紹介します。

2. プロパティ

JavaScript では、オブジェクトのプロパティは、プリミティブ値 (文字列、ブール値、数値など) またはオブジェクトにすることができます。プロパティは、データ プロパティとアクセサー プロパティの 2 種類に分類されます。データ プロパティはオブジェクトに直接保存されますが、アクセサー プロパティは値を直接保存せず、ゲッター関数とセッター関数のペアを定義します。

1. データ属性

データ属性は、データ値を含むオブジェクト プロパティです。データ属性には、その動作を記述する 4 つの特性 (書き込み可能、​​列挙可能、構成可能、および値) が含まれます。これら 4 つの特性は、Object.defineProperty メソッドを通じて制御できます。

// コード例
let obj = {};
Object.defineProperty(obj, 'name', {
value: 'Xiao Ming',
writable: false, / /書き込み不可
enumerable: true, //Enumerable
configurable: false //構成不可
});

2. Accessorプロパティ

アクセサー プロパティは、プロパティ値を取得および設定するときに実行される関数です。アクセサ プロパティには、getter 関数と setter 関数という 2 つのメソッドが含まれています。これら 2 つのメソッドは、定義時に 2 つのキーワード get および set にそれぞれ対応する必要があります。

// コード例

let obj = {
_name: 'Xiao Ming',
get name(){

return this._name

},

set name( value ){

console.log('更新了名字')
this._name = value

}

}
obj.name = 'Xiaohong'
console.log(obj.name) //出力: Xiaohong

3. メソッド

メソッドはオブジェクトの動作です。 JavaScript のメソッドは特別な関数です。メソッドを使用してオブジェクトの複雑な動作を実装します。

#オブジェクト メソッド

オブジェクト メソッドは、オブジェクトのプロパティである関数を参照します。オブジェクト メソッドは通常、this キーワードを使用してオブジェクト自体を参照します。

// コード例

let obj = {

name: 'Xiao Ming',
sayHi: function(){

console.log(`Hi, 我的名字是${this.name}`)

}

}

obj.sayHi() //出力: こんにちは、私の名前はシャオ・ミンです。

プロトタイプ メソッド

プロトタイプ メソッドは、プロトタイプ属性である関数を参照します。コンストラクター。プロトタイプ メソッドは通常、this キーワードを使用してインスタンス オブジェクトを参照します。

// コード例

function person(name){

this.name = name
}
person.prototype.sayHi = function(){
console.log (
こんにちは、私の名前は ${this.name}
)}let person = new Person('Xiao Ming')
person.sayHi() //出力: こんにちは, 私の名前はシャオ・ミンです

#静的メソッド

3. 静的メソッドは、オブジェクトをインスタンス化する必要がなく、コンストラクターを通じて直接呼び出されるメソッドです。静的メソッドは通常、クラス名を使用して参照されます。

// コード例

class Calculator{

static add(a, b){

return a + b

}
staticsubtract(a, b){

return a - b

}
}

console.log(Calculator.add(1, 2)) //出力: 3

4. 概要

メソッドとプロパティはオブジェクトです 2重要なコンポーネントであるメソッドの属性を習得することは、JavaScript でのオブジェクト指向プログラミングにとって非常に重要です。コードを記述するときは、データ属性、アクセサー属性、オブジェクト メソッド、プロトタイプ メソッド、静的メソッドを柔軟に使用して、コードをより洗練され、簡潔で、保守しやすくする必要があります。

以上がメソッド属性 JavaScriptの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。