This
This é uma váriavel implícita que faz referência para o objeto responsável pela sua invocação.
const squared = {
x: 5,
y: 5,
calculateArea() {
return this.x * this.y
}
}
console.log(squared.calculateArea())
25
Vamos passar a nossa função através de referência agora
function calculateArea () {
return this.x * this.y
}
const squared = {
x: 5,
y: 5,
calculateArea
}
console.log(squared.calculateArea())
25
Vamos criar a seguinte situação, na sua aplicação frontend você necessita que o usuário insira um token de 5 dígitos e a cada input preenchido ele deve automaticamente pular para o input seguinte.
Inputs:
Vamos criar nossa função que fará com que a cada input preenchido siga para o próximo.
function fillAndGo (current, next = null) {
if (current.value.length) {
document.getElementById(next).focus()
}
}
Em nossos inputs vamos invocar a função na propriedade onkeyup:
<input type="text" onkeyup="fillAndGo(this, 'first')">
<input type="text" onkeyup="fillAndGo(this, 'second')">
<input type="text" onkeyup="fillAndGo(this, 'third')">
<input type="text" onkeyup="fillAndGo(this, 'fourth')">
<input type="text" onkeyup="fillAndGo(this)">