46

John Resig wrote a nifty Class function, swanky. I'm trying to figure out what is going on, and have pretty much everything figured out except a single line:

fnTest = /xyz/.test(function () {xyz;}) ? /\b_super\b/ : /.*/;

A couple things immediately jump to mind, first xyz is never initialized as a variable; so why then does this work? Second, why is it testing /xyz/ against something that is not returning anything (no return statement). Unless there is some nifty properties of javascript I'm unaware of (which is possible, I fancy myself rather good at JS and can interpret most the code I come across it doesn't, however, mean I'm eve on the same Mt. Everest sized mountain that John Resig calls home).

For those curious, here is the full unedited code from john resigs site John Resig Simple Javascript Inheritance:

(function () {
  var initializing = false, fnTest = /xyz/.test(function(){xyz;}) ? /\b_super\b/ : /.*/;

  // The base Class implementation (does nothing)
  this.Class = function(){};

  // Create a new Class that inherits from this class
  Class.extend = function(prop) {
    var _super = this.prototype;

    // Instantiate a base class (but only create the instance,
    // don't run the init constructor)
    initializing = true;
    var prototype = new this();
    initializing = false;

    // Copy the properties over onto the new prototype
    for (var name in prop) {
      // Check if we're overwriting an existing function
      prototype[name] = typeof prop[name] == "function" &&
        typeof _super[name] == "function" && fnTest.test(prop[name]) ?
        (function(name, fn){
          return function() {
            var tmp = this._super;

            // Add a new ._super() method that is the same method
            // but on the super-class
            this._super = _super[name];

            // The method only need to be bound temporarily, so we
            // remove it when we're done executing
            var ret = fn.apply(this, arguments);       
            this._super = tmp;

            return ret;
          };
        })(name, prop[name]) :
        prop[name];
    }

    // The dummy class constructor
    function Class() {
      // All construction is actually done in the init method
      if ( !initializing && this.init )
        this.init.apply(this, arguments);
    }

    // Populate our constructed prototype object
    Class.prototype = prototype;

    // Enforce the constructor to be what we expect
    Class.constructor = Class;

    // And make this class extendable
    Class.extend = arguments.callee;

    return Class;
  };

})();
2
  • 1
    .. reader (in)sanity check? :)
    – mykhal
    Oct 12, 2010 at 4:37
  • .. hmm I surrounded the code in <code> ... </code> tags, wonder why it butchered so badly (note &gt; .. &lt; don't evaluate to what I think they should oy, today is not my day.
    – Akidi
    Oct 12, 2010 at 4:41

1 Answer 1

51

It is just a quick & dirty way to check if "function decompilation" works.

The RegExp.prototype.test method will take the argument and it will convert it to String, the xyz reference inside the function is never evaluated.

Why would you have to check this?

Because the Function.prototype.toString method returns an implementation-dependent representation of a function, and in some implementation, such older Safari versions, Mobile Opera, and some Blackberry browsers, they don't actually return anything useful.

10
  • so, isn't the xyz anonymous function body unnecessary?
    – mykhal
    Oct 12, 2010 at 4:50
  • 2
    @mykhal, xyz is what you are actually looking for, to know that function decompilation works properly. It is just checking that a the function converted to string, produces a string that contains the body of the function... Oct 12, 2010 at 4:55
  • @CMS yep, i finally got it after a while.. )
    – mykhal
    Oct 12, 2010 at 5:00
  • 4
    Just to add a note: In order to make the test pass jslint it would have to be /var xyz/.test(function () { var xyz; }) ? /\b_super\b/ : /[\D|\d]*/; why \D|\d simple, one catches all numbers, the other catches everything else, it is equivalent to .* but that is considered 'insecure' because you aren't defining limits. Took me forever to realize what they meant by insecure '.'. Voted you up, and also marked as answer, thank you very much CMS.
    – Akidi
    Oct 12, 2010 at 5:04
  • 3
    @trinithis, well, typeof foo == 'function would work, but the problem is that you will end up wrapping every single function object, even if they doesn't use _super. Resig is just inspecting every function, to see if it uses in its body the _super identifier. If _super appears on the body of the function, then he wraps that one into another function, in which he first exposes the "super" of the "class", by assigning this._super. Then he executes the original function that was inspected, and was proven to use _super, and finally he restores the value of this._super... Nov 8, 2011 at 0:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.