Jak radzić sobie z brakiem metody JavaScript Object.bind() w IE 8

Question

Piszę trochę JavaScript, który używa metody Object.bind.

funcabc = function(x, y, z){ 
    this.myx = x; 
    this.playUB = function(w) { 
     if (this.myx === null) { 
      // do blah blah 
      return; 
     } 

     // do other stuff 
    }; 
    this.play = this.playUB.bind(this); 
}; 

Odkąd rozwijać w WinXP z Firefox i czasami testu w Win7 z IE 9 lub 10, nie zauważyłem lub zwrócić uwagę na fakt, że IE8 i poniżej nie obsługują bind.

Ten konkretny skrypt nie używa płótna, więc trochę waham się, aby odpisać wszystkich użytkowników IE 8.

Czy istnieje standardowe obejście?

W JavaScripcie nie ma nic złego, ale nadal jestem trochę noob. Więc wybacz mi, jeśli rozwiązanie jest całkowicie oczywiste.

Answer 1

Jest dobry skrypt kompatybilności na tej stronie: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind

Wystarczy skopiować i wkleić go do skryptu.

EDYCJA: umieszczenie poniższego skryptu w celu zwiększenia czytelności.

if (!Function.prototype.bind) { 
    Function.prototype.bind = function(oThis) { 
    if (typeof this !== 'function') { 
     // closest thing possible to the ECMAScript 5 
     // internal IsCallable function 
     throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable'); 
    } 

    var aArgs = Array.prototype.slice.call(arguments, 1), 
     fToBind = this, 
     fNOP = function() {}, 
     fBound = function() { 
      return fToBind.apply(this instanceof fNOP && oThis 
       ? this 
       : oThis, 
       aArgs.concat(Array.prototype.slice.call(arguments))); 
     }; 

    fNOP.prototype = this.prototype; 
    fBound.prototype = new fNOP(); 

    return fBound; 
    }; 
} 

Answer 2

Najlepszym rozwiązaniem może być instalacja Modernizr.

Modernizor informuje, czy bieżąca przeglądarka ma tę funkcję wbudowaną natywnie, czy nie i zapewnia program do ładowania skryptów, dzięki czemu można wciągnąć wieloryby do funkcji wypełniania w starych przeglądarkach.

Oto link wygenerować modernizr niestandardową wersję:
http://modernizr.com/download/#-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes

Answer 3

Konstruktor Funkcja jest staromodny sposób to zrobić:

var foo = function(x,y,z){ return Function("x,y,z","return Math.max.call(this, x, y, z)")(x,y,z) } 
 
    
 
var bar = function(x,y,z){ return Function("x,y,z","return Math.min.call(this, x, y, z)")(x,y,z) } 
 
    
 
console.log(foo(1,2,3)); 
 
    
 
console.log(bar(3,2,1));

Referencje

• Functional JavaScript: Harnessing the power of the Function Object
• eval() isn’t evil, just misunderstood
• [Scope] of Functions Created via the Function constructor
• John Resig - Fast JavaScript Max/Min

Answer 4

Function.prototype.bind nie jest obsługiwana w programie Internet Explorer 8 i poniżej. Tabela zgodności tutaj: http://kangax.github.io/es5-compat-table/

Mozilla Developer Network zapewnić tę alternatywę dla starszych przeglądarek, które nie realizowanych .bind() natywnie:

if (!Function.prototype.bind) { 
    Function.prototype.bind = function (oThis) { 
    if (typeof this !== "function") { 
     // closest thing possible to the ECMAScript 5 internal IsCallable function 
     throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable"); 
    } 

    var aArgs = Array.prototype.slice.call(arguments, 1), 
     fToBind = this, 
     fNOP = function() {}, 
     fBound = function() { 
      return fToBind.apply(this instanceof fNOP && oThis 
           ? this 
           : oThis, 
           aArgs.concat(Array.prototype.slice.call(arguments))); 
     }; 

    fNOP.prototype = this.prototype; 
    fBound.prototype = new fNOP(); 

    return fBound; 
    }; 
}