JavaScript は、Web 開発で広く使用されている高水準プログラミング言語です。 JavaScript では、メンバー メソッドはオブジェクト内の関数を参照します。これらは、オブジェクトの機能を拡張し、コードの可読性を高め、コードの再利用性を促進するためによく使用されます。この記事では、JavaScript のメンバー メソッドについて、定義、使用法、ベスト プラクティスなどを含めて説明します。
1. メンバー メソッドの定義
JavaScript では、メンバー メソッドをさまざまな方法で定義できます。最も簡単な方法は、関数をオブジェクトのプロパティに割り当てることです。たとえば、次のようになります。
let myObj = {
myMethod: function() {
console.log("这是一个成员方法！");
}
};
myObj.myMethod(); // 输出 "这是一个成员方法！" この例では、メンバー メソッドを定義します。 myObj の myMethod メソッドを呼び出すと、コンソールには「これはメンバー メソッドです!」という文字列が出力されます。 もう 1 つの一般的な方法は、オブジェクト コンストラクターを使用することです。オブジェクト コンストラクターは、オブジェクトの作成に使用される特別な関数であり、コンストラクターを通じてメンバー メソッドを定義できます。例: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">function MyClass() {
this.myMethod = function() {
console.log("这是一个成员方法！");
}
}
let myObj = new MyClass();
myObj.myMethod(); // 输出 "这是一个成员方法！"</pre><div class="contentsignin">ログイン後にコピー</div></div> この例では、
という名前のオブジェクト コンストラクターを定義します。
MyClass には、呼び出し時にメッセージを出力する myMethod という名前のメンバー メソッドが含まれています。次に、myObj オブジェクトを作成し、MyClass コンストラクターを通じてそれを作成します。 myObj の myMethod メソッドを呼び出すと、コンソールには「これはメンバー メソッドです!」という文字列が出力されます。 2. メンバー メソッドの使用JavaScript では、オブジェクトの他のプロパティと同様にメンバー メソッドにアクセスできます。たとえば、ドット表記構文を使用してオブジェクトのメンバー メソッドにアクセスできます。例:
let myObj = {
myMethod: function() {
console.log("这是一个成员方法！");
}
};
myObj.myMethod(); // 输出 "这是一个成员方法！"ドット表記構文
myObj.myMethod()を使用して
を呼び出すことができます。 myObj オブジェクトの myMethod メソッド。このメソッドは、「これはメンバー メソッドです!」というメッセージを出力します。 プロパティと同様に、別の構文を使用してメンバー メソッドにアクセスできます - []ブラケット。例:
let myObj = {
myMethod: function() {
console.log("这是一个成员方法！");
}
};
myObj["myMethod"](); // 输出 "这是一个成员方法！" この例では、[] 括弧を使用して
メソッドにアクセスします。この利点は、変数を使用してメンバー メソッドにアクセスできることです。例: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">let myObj = {
myMethod: function() {
console.log("这是一个成员方法！");
}
};
let methodName = "myMethod";
myObj[methodName](); // 输出 "这是一个成员方法！"</pre><div class="contentsignin">ログイン後にコピー</div></div> この例では、myMethod メソッドの名前を変数
に保存し、[] 括弧を使用します。をクリックしてこのメソッドにアクセスします。 3. メンバー メソッドのベスト プラクティスJavaScript でメンバー メソッドを使用する場合、注目に値するベスト プラクティスがいくつかあります。まず、コードをわかりやすく読みやすくするために、メソッドにわかりやすい名前を付ける必要があります。さらに、関連するデータはグローバルに定義するのではなく、オブジェクト内に配置する必要があります。
たとえば、次を使用して、わかりやすい名前と内部データを持つメンバー メソッドを定義できます。
function Car(make, model, year) {
this.make = make;
this.model = model;
this.year = year;
this.getDescription = function() {
return this.year + ' ' + this.make + ' ' + this.model;
};
}
let myCar = new Car('Tesla', 'Model S', 2019);
console.log(myCar.getDescription()); // 输出 "2019 Tesla Model S"上の例では、
getDescription's というメソッドを定義します。事前定義されたメソッド。オブジェクトの説明を返します。次に、
new キーワードを使用して myCar という名前の新しい Car オブジェクトを作成し、getDescription メソッドを呼び出してオブジェクトの説明を取得しました。 2 番目に、メンバー メソッドでは this キーワードを使用しないでください。代わりに、アロー関数を使用して、メンバー メソッドがオブジェクトのプロパティとメソッドにアクセスできるようにする必要があります。
たとえば、次の方法でアロー関数の形式でメンバー メソッドを定義できます。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">function Car(make, model, year) {
this.make = make;
this.model = model;
this.year = year;
this.getDescription = () => {
return this.year + ' ' + this.make + ' ' + this.model;
};
}
let myCar = new Car('Tesla', 'Model S', 2019);
console.log(myCar.getDescription()); // 输出 "2019 Tesla Model S"</pre><div class="contentsignin">ログイン後にコピー</div></div>上の例では、アロー関数を使用して
メソッドをメンバーメソッドとして使用します。この利点は、
this キーワードを自動的にバインドして、オブジェクトのプロパティとメソッドにアクセスできることです。 最後に、JavaScript でメンバー メソッドを使用する場合は、オブジェクトのプロパティを走査するために for...in ループを使用しないようにする必要があります。代わりに、
メソッドまたは Object.getOwnPropertyNames() メソッドを使用してオブジェクトのプロパティ リストを取得し、Array.forEach()## を使用します。 # or other 反復する対応する関数。 たとえば、次のようにオブジェクトのプロパティ リストを反復処理し、オブジェクトのメンバー メソッドを呼び出すことができます。
function Car(make, model, year) {
this.make = make;
this.model = model;
this.year = year;
this.getDescription = function() {
return this.year + ' ' + this.make + ' ' + this.model;
};
}
let myCar = new Car('Tesla', 'Model S', 2019);
Object.keys(myCar).forEach(key => {
let value = myCar[key];
console.log(`${key}: ${value}`);
});
// 输出：
// make: Tesla
// model: Model S
// year: 2019
// getDescription: function()上の例では、Object.keys()# を使用します。 ##myCarオブジェクトの属性リストを取得し、
Array.forEach() メソッドを使用して各属性を反復処理するメソッド。 getDescription メソッドの場合は、その関数の実装を取得するために特別な処理を実行する必要があります。この利点は、重要なデータを見逃すことなく、オブジェクトのすべてのプロパティが正しく処理されることを保証できることです。 概要この記事を読むことで、JavaScript のメンバー メソッドについてより深く理解できるようになります。メンバー メソッドは、オブジェクトの機能を拡張し、コードの読みやすさを向上させるために使用される JavaScript オブジェクト内の関数です。これらは、メソッドにわかりやすい名前を付ける、アロー関数を使用してオブジェクトのプロパティとメソッドにアクセスする、for...in ループを避けるなど、さまざまな方法で定義およびアクセスできます。オブジェクトのプロパティ。これらのベスト プラクティスを習得すると、より明確で読みやすく、保守しやすい JavaScript コードを作成できます。
以上がJavaScriptのメンバーメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
