this キーワードを理解する
CoddyのJavaScriptジャーニー「オブジェクト指向プログラミング」セクションの一部。レッスン 3/56。
JavaScript の this キーワードは、現在コードを実行しているオブジェクトを指します。現在のオブジェクトのプロパティやメソッドにアクセスできます。
基本的なオブジェクトから始めましょう。
let person = {
name: "John",
age: 30,
greet: function() {
console.log("Hello, my name is " + this.name);
}
};この例では、greet メソッドを呼び出すと：
person.greet();出力は次のようになります：
Hello, my name is Johnここで、greetメソッド内のthis.nameは、personオブジェクトのnameプロパティを指します。
チャレンジ
player オブジェクトに getStatus という名前の method を Add し、this キーワードを使って player の名前と health を含む string を returns するようにします。
期待される出力形式:"Knight has 70 health"
自分で試してみよう
const player = {
name: "Knight",
health: 100,
takeDamage: function(damage) {
this.health -= damage;
},
// TODO: プレイヤーの name と health を含む文字列を返す getStatus メソッドをここに追加する
};
// テスト
player.takeDamage(30);
console.log(player.getStatus()); // Should output: "Knight has 70 health"
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
オブジェクト指向プログラミングのすべてのレッスン
自分で練習してみよう: JavaScriptオンラインコンパイラ