Javascript - This, uma variável implícita

Javascript - This, uma variável implícita

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: inp

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)">