Nefunkční proměnné uvnitř třídy při použití setTimeout

var x = "premenna x";
var o = {x:"parameter x"};
function g(){alert(this.x);}
o.f = g;
alert(o.f === g); // true (funkcie sú identické)
o.f(); // "parameter x"
g(); // "premenná x"
(o.f)(); // "parameter x"
(g)(); // "premenná x"
(o.f = g)(); // "premenná x"
(g = o.f)(); // "premenná x"
(o.f = o.f)(); // "premenná x"
alert(o.f === g); // true (funkcie sú identické)

function classMojeTrida(jmeno){
    this.jmeno = jmeno;
}
classMojeTrida.prototype.zobrazJmeno = function (){alert(this.jmeno); };
classMojeTrida.prototype.FunkceZobrazJmeno = function(){var o = this; return function(){o.zobrazJmeno(); }; };

var instance = new classMojeTrida("Petr");
instance.zobrazJmeno(); // Zobrazí instance.jmeno
setTimeout(function(){instance.zobrazJmeno(); }, 2000); // Zobrazí instance.jmeno za 2 s
setTimeout(instance.FunkceZobrazJmeno(), 3000); // Zobrazí instance.jmeno za 3 s ("Zapuzdrenejšia forma")

var Colors = new ( function() {} )()

var Colors = {};

var classFade = function() {
  /* tady si vyrobim pomocnou funkcni volanou v timeoutu */
  var o = this;
  this.docasnyAnimacniKrok = function() {
    o.animacniKrok();
  }
}

classFade.prototype.animacniKrok = function() {
  this.nejakaHodnota++; /* nebo cokoliv jineho */
}

classFade.prototype.spustAnimaci = function() {
  setTimeout(this.docasnyAnimacniKrok, 50);
}

var instance = new classFade();
instance.spustAnimaci();

/**
 * FadeOut efekt libovolného elementu
 *  
 * @param {HTMLElemen} element
 * @param {Number} startOpacity
 * @param {Number} endOpacity
 * @param {Number} opacityStep
 * @param {Number} speed
 */
function FadeOut(element, startOpacity, endOpacity, opacityStep, speed) {

    this.element = element;
    this.startOpacity = startOpacity || 100;
    this.opacityEnd = endOpacity || 0;
    this.opacityStep = opacityStep || 5;
    this.speed = speed || 30;
    
    //inicializace elementu
    this.initStyle();
}

/**
 * Změní počáteční styl elementu nezbytný pro hladký průběh efektu  
 */ 
FadeOut.prototype.initStyle = function() {
      
    // je zde pouzit trik pro Internet Explorer s nastavenim relativni
    // pozice takovemu prvku, ktery ma pozici static
    // pro IE 8 je nastaven z-index v pripade, ze je jeho hodnota "auto"
    
    this.originalPosition = getStyle(this.element, "position");
    if(this.originalPosition!="relative" && this.originalPosition!="absolute"){
        this.element.style.position = "relative";
    }
    
    this.originalZindex = getStyle(this.element, "z-index");
    if(this.originalZindex=="auto"){
        //TODO: zde bude funkce zjistujici zIndex rodice, pripadne dalsich v hierarchii, 0 bude nastavena az v pripade, ze bude mit z-index u vsech prvku hodnotu "auto"
        this.element.style.zIndex = 0; 
    }
}

/**
 * Vrátí styl elementu na původní hodnoty
 */ 
FadeOut.prototype.revertStyle = function () {
    this.element.style.position = this.originalPosition;
    this.element.style.zIndex = this.originalZindex;
}

/**
 * Start efektu 
 */ 
FadeOut.prototype.fadeOut = function() {
  var opacity = this.startOpacity,
      that = this;
  
  // vnitřní fce. - jeden krok efektu
  function fade(){
    opacity -= that.opacityStep;
    if(opacity > that.opacityEnd){
        nastavPrusvitnost(that.element, opacity);
        setTimeout(fade, that.speed);
    }else{
        nastavPrusvitnost(that.element, that.opacityEnd); //osetreni
        that.revertStyle();
    }
  }
  
  // spustit efekt
  fade();
}

var F = function() {}
F.prototype.A = 31;
var f = new F();

/* toto sice vypise 31, ale pozor! Promenna 'f' nema _vlastni_ vlastnost A, nicmene odkazuje se do prototypoveho objektu sveho rodice a proto je mozne se ptat na f.A */
alert(f.A); 

F.prototype.B = 125;
alert(f.B);
/* tohle opet funguje, prestoze jsem "instanci" f nijak nezmenil - jen jsem ovlivnil f.__proto__.B :) */

var F1 = function() {
  return [1,2,3];
}
var f1 = new F1(); /* f1 == [1,2,3] */

var F2 = function() {
  return 17;
}
var f2 = new F2(); /* vracena hodnota je ignorovana, f2 == nove vyrobeny objekt */

var x = new function(){};
var y = new x.constructor;
var z = {};
x.constructor.prototype.A = 15;
alert(x.A); // 15
alert(y.A); // 15
alert(z.A); // undefined

new function() {
  /* libovolny kod ve vlastnim scopu */
}

(function() {
  /* libovolny kod ve vlastnim scopu */
})();

var f = (function() {
  var x=0;
  return function(){return x++;};
})();
var g = new function() {
  var x=0;
  return function(){return x++;};
};
alert(f()); // 0
alert(f()); // 1
alert(f()); // 2
alert(g()); // 0
alert(g()); // 1
alert(g()); // 2

var instance = new FadeOut(); //existuje
var x = instance; //existuje
instance = void 0; //existuje
x = void 0; // neexistuje

FadeOut.prototype.startOpacity = 100;

instance.startOpacity = 80;

<div id=x>xxx</div>
<div id=y>yyy</div>
<script>
var p;
try{p = document.getElementById("x").constructor.prototype;}catch(e){}
p = p || Object.prototype;

p.startOpacity = 100;
/* atď. */
p.initStyle = function() {
/* atď.*/
}
/* atď. */

var y = document.getElementById("y");
y.fadeOut();
</script>

NewWindow.closeButtonsOnclick = function(){/*Kód obsluhy onclick*/};
NewWindow.prototype.createCloseButton = function() {
    this.closeButton = document.createElement("div");
    // zde prvku nastavim dalsi parametry a vlozim do prvku this.element (definovan v hlavni tride)
 
    //prvku closeButton pridam udalost onclick, ktera spusti funkci a rodicovsky prvek (this.element) skryje
    this.closeButton.onclick = this.constructor.closeButtonsOnclick;
};

function NewWindow(){};
NewWindow.closeButtonsOnclick = function(){/* prístup k celému objektu cez: this.newWindow */};
NewWindow.prototype.createCloseButton = function() {
  this.closeButton = document.createElement("div"); this.closeButton.onclick = this.constructor.closeButtonsOnclick;
  this.closeButton.newWindow = this;
};
var x = new NewWindow; x.createCloseButton();
alert(x);alert(x.closeButton);alert(x.closeButton.onclick); // Len na overenie správneho vytvorenia objektu x

<script>
var n1 = 100, n2 = 1000000;
var x = "x";
var f = [];
var h = function(){x && alert("ok"); };
function g(){
//  var h = function(){x && alert("ok"); };
  var x = [];
  for(var j = 0; j < n2; ++j) x[j] = j;
  f[n] = h;
}
for(var n = 0; n < n1; ++n) g(), document.write(i + 1, "/", n1, "<BR>");
document.write("koniec");
f[0]();
</script>

setTimeout(function(){noveOkno.closeWindow(); }, 3000);