SquirrelFish appears to be lacking "bind()", so how can one attach a JS callback to "this" in its absence?

Question

SquirrelFish appears to be lacking "bind()", so how can one attach a JS callback to "this" in its absence?

Does anyone know a way to attach a JS callback to "this" without using "bind()"?

Based on Samsung specifications:

In 2013 with V8: everything functions as expected (refer to linked screenshot, too large to include here)

In 2012 with SquirrelFish: encountering exception - "bind()" is not recognized as a function (see linked screenshot, too large to include here)

This is the problematic code snippet:

var extJsCallBacks = [
          function(){this._setupSystemInfo();}.bind(this), 
          function(){this._setupConfigInfo();}.bind(this),
          function(){this._setupRepository();}.bind(this), 
          function(){this._setupContents();}.bind(this)
          ];

Any suggestions or hints on how to resolve this issue?

javascript samsung-smart-tv

Answer 1

Answer №1

Discover a Polyfill available on MDN's website

if (!Function.prototype.bind) {
  Function.prototype.bind = function(oThis) {
    if (typeof this !== 'function') {
      // check if it is callable
      throw new TypeError('Function.prototype.bind - trying to bind something not callable');
    }

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

    if (this.prototype) {
      // Prototype property check for Function.prototype
      fNOP.prototype = this.prototype; 
    }
    fBound.prototype = new fNOP();

    return fBound;
  };
}

Answer 2

Discover a Polyfill available on MDN's website

if (!Function.prototype.bind) {
  Function.prototype.bind = function(oThis) {
    if (typeof this !== 'function') {
      // check if it is callable
      throw new TypeError('Function.prototype.bind - trying to bind something not callable');
    }

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

    if (this.prototype) {
      // Prototype property check for Function.prototype
      fNOP.prototype = this.prototype; 
    }
    fBound.prototype = new fNOP();

    return fBound;
  };
}

SquirrelFish appears to be lacking "bind()", so how can one attach a JS callback to "this" in its absence?

Answer №1

Similar questions

Is your Angular2 form page experiencing reloading issues?

Ways to protect against form hacking on the client-side

The functionality of AJAX is hindered in the browser when attempting to fetch data from a URL

I would like to split a string of characters using spaces XY XYZ XYZ

The CSS class is not properly implemented in the React component

Extjs: How to Select a Node After Creating a Tree Structure

JavaScript alert: element does not exist

KnockoutJS is not recognizing containerless if binding functionality

Guide on implementing Vuetify Component Slot Function

The JavaScript exec() RegExp method retrieves a single item

Exploring the possibilities of integrating Storybook/vue with SCSS

Displaying an image in AngularJS using a byte array received in the response

How can I pull the account creation date stored in MongoDB and display it using Handlebars?

Does combineLatest detach this from an angular service function?

Preventing direct URL access with Angular redirects after refreshing the page

bcrypt is failing to return a match when the password includes numeric characters

Why is there a false positive in the onChange event for the number type in React TypeScript?

adding <script> elements directly before </body> tag produces unexpected results

Streamlining the code

What are the steps to turn off the rule .MuiInputBase-inputType-121 in Material UI TextField for email input field because of a display problem?