Javascript - Nefunkční this uvnitř funkce

Zkus tohle:

   show(){
      var self = this.
      setTimeout ( function (){
         return self.test();
      },100);
}

Díky, a má tam být
var self = this.
nebo
var self = this;
s tím středníkem na konci to funguje, ale proč nefunguje přímo this?

Jo, patří tam středník, blbě jsem to napsal.

Přímo to nefunguje kvůli rozdílnýmu scope.

Ještě by ti mohlo fungovat tohle:

   show(){
      setTimeout ( function (){
         return this.test();
      },100).bind(this);
}

Díky ale PURE JS tuto funkci nezná :(
bind(this);

Ale zná. Je je to potřeba napsat na správný místo.

class Foo {
    test() {
        console.log('bar');
    }
   
    show() {
        setTimeout((function () {
            return this.test();
         }).bind(this), 100);
    }
}

Díky.
Ta funkce stejně funguje nějak jinak než bych chtěl, pokud zadám

setTimeout(function (){
console.log('prvni');
}, 1000);
console.log('druha');

vypíše se v logu
druha
prvni

jako by ta funkce nečekala až se provede, jde to nějak nastavit? Až se provede celý kód uvnitř setTimeout() tak pokračuj? Díky

Ale funguje to tak, jak to fungovat má. Pomocí setTimeout() nastavíš, za jaký čas se má funkce vykonat a program pokračuje dál. Hledáš asi něco jako delay(), ale to v JS nenajdeš.

Zpoždění můžeš simulovat velkou smyčkou, prázdnej for cyklus, ale ani náhodou neodhadneš kolik průchodů je potřeba na 1 s. Na každým PC to bude jinak, i na stejným PC to bude jinak v závislost na vytížení procesoru.

Našly by se i jiný způsoby:
https://stackoverflow.com/questions/33289726/combination-of-async-function-await-settimeout