🍣

thisをつけないとundefinedが出てしまう件(javascript)

2020/11/03に公開

苗字と名前をconsoleで出力するクラス(設計図)を定義して
それをインスタンス化(製造)した場合下記のコードだとundefinedが出る

const Member = function (firstName,lastName) {
  firstName = firstName;
  lastName = lastName;
};
const women = new Member('天王寺','璃奈');
console.log(women.firstName +' ' + women.lastName);

スクリーンショット 2020-10-31 14.21.24(3).png

これにthisを付与すると名前を出力してくれる。
これが俗にいうthis.変数を指定する事でインスタンス(製造)のプロパティ(クラスの要素)を設定できるという事。

const Member = function (firstName,lastName) {  
 this.firstName = firstName;
  this.lastName = lastName;
};
const women = new Member('天王寺','璃奈');
console.log(women.firstName +' ' + women.lastName);

スクリーンショット 2020-10-31 14.22.48(3).png

Discussion