Soru `this`'i kaybediyor.
önem: 5
askPassword() çağrısı şifreyi kontrol etmeli ve buna göre user.loginOk veya user.loginFail’i çağırmalıdır.
Fakat bu bir hataya neden oluyor. Neden?
Sadece üstü çizili satırda değişiklik yaparak her şeyin doğru çalışmasını sağlayınız. ( diğer satırlarda değişiklik yapılmamalıdır)
function askPassword(ok, fail) {
let password = prompt("Password?", '');
if (password == "rockstar") ok();
else fail();
}
let user = {
name: 'John',
loginOk() {
alert(`${this.name} logged in`);
},
loginFail() {
alert(`${this.name} failed to log in`);
},
};
askPassword(user.loginOk, user.loginFail);Nedeni ask’ın loginOk/loginFail fonksiyonlarını obje olmadan almasıdır.
Bunları çağırdığında doğal olarak this=undefined olarak çalışacaktır.
Kaynağı bağlar isek:
function askPassword(ok, fail) {
let password = prompt("Password?", '');
if (password == "rockstar") ok();
else fail();
}
let user = {
name: 'John',
loginOk() {
alert(`${this.name} logged in`);
},
loginFail() {
alert(`${this.name} failed to log in`);
},
};
askPassword(user.loginOk.bind(user), user.loginFail.bind(user));Şimdi çalışacaktır.
Alternatif çözüm şu şekilde olabilir:
//...
askPassword(() => user.loginOk(), () => user.loginFail());Genelde bu da çalışır. Fakat daha karmaşık durumlarda user’ın soru ve () => user.loginOk() arasında üzerine yazılabilir.