Wie man mit dem Mangel an JavaScript arbeitet Object.bind() - Methode in IE 8

Question

Ich schreibe ein bisschen JavaScript, das die Object.bind Methode verwendet.

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); 
}; 

Da ich in WinXP mit Firefox und manchmal Test in Win7 mit IE 9 oder 10 entwickeln, ich habe bemerken oder nicht die Aufmerksamkeit auf die Tatsache, dass IE8 und unten nicht bind unterstützen.

Dieses spezielle Skript verwendet nicht die Leinwand, also bin ich ein wenig zögerlich, alle IE 8 Benutzer abzuschreiben.

Gibt es eine Standardumgehung?

Ich komme irgendwie in Ordnung in JavaScript, aber ich bin immer noch ein bisschen wie ein Noob. Also vergib mir, wenn die Lösung völlig offensichtlich ist.

Answer 1

Es gibt eine gute Kompatibilität Skript auf dieser Seite: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind

einfach kopieren und in Ihr Skript einfügen.

EDIT: Platzieren Sie das Skript zur Verdeutlichung.

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

Die beste Lösung könnte sein, Modernizr zu installieren.

Modernizr sagt Ihnen, ob der aktuelle Browser diese Funktion nativ implementiert hat oder nicht und es bietet einen Skript-Lader, so dass Sie Polyfills zum Auffüllen der Funktionalität in alten Browsern ziehen können.

Hier ist der Link Ihre modernizr angepasste Version zu generieren:
http://modernizr.com/download/#-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes

Answer 3

Die Funktion Konstruktor ist die altmodische Art und Weise, dies zu tun:

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

Referenzen

• 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 ist nicht in Internet Explorer 8 und unten unterstützt. Kompatibilitätstabelle hier: http://kangax.github.io/es5-compat-table/

Mozilla Developer Network bietet diese Alternative für älteren Browser, die nativ nicht implementiert .bind():

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; 
    }; 
}