Can I Set The Type Of A Javascript Object?

I'm trying to use some of the more advanced OO features of Javascript, following Doug Crawford's 'super constructor' pattern. However, I don't know how to set and get types from my

Solution 1:

The instanceof operator, internally, after both operand values are gather, uses the abstract [[HasInstance]](V) operation, which relies on the prototype chain.

The pattern you posted, consists simply on augmenting objects, and the prototype chain is not used at all.

If you really want to use the instanceof operator, you can combine another Crockford's technique, Prototypal Inheritance with super constructors, basically to inherit from the Bicycle.prototype, even if it's an empty object, only to fool instanceof:

// helper functionvar createObject = function (o) {
  functionF() {}
  F.prototype = o;
  returnnewF();
};

functionBicycle(tires) {
    var that = createObject(Bicycle.prototype); // inherit from Bicycle.prototype
    that.tires = tires;                         // in this case an empty object
    that.toString = function () {
      return'Bicycle with ' + that.tires + ' tires.';
    };

    return that;
}

var bicycle1 = Bicycle(2);

bicycle1 instanceofBicycle; // true

A more in-depth article:

• JavaScript parasitic inheritance, power constructors and instanceof.

Solution 2:

If you declare Bicycle like this, instanceof will work:

functionBicycle(tires) {
  this.tires = tires;
  this.toString = function () {
    return'Bicycle with ' + tires + ' tires.';
  }
}

var b = newBicycle(2);
console.log(b instanceofBicycle);

Solution 3:

if you're using a constructor, a better solution than instanceOf, would be this :

Object.toType = function(obj) {
  return ({}).toString.call(obj).match(/\s([a-z|A-Z]+)/)[1].toLowerCase();
}


toType({a: 4}); //"object"toType([1, 2, 3]); //"array"
(function() {console.log(toType(arguments))})(); //argumentstoType(newReferenceError); //"error"toType(newDate); //"date"toType(/a-z/); //"regexp"toType(Math); //"math"toType(JSON); //"json"toType(newNumber(4)); //"number"toType(newString("abc")); //"string"toType(newBoolean(true)); //"boolean"toType(newCreateBicycle(2)); //"createbicycle"

The explanation of WHY it's the best way to do it relies in This post.

Solution 4:

In Firefox only, you can use the __proto__ property to replace the prototype for an object. Otherwise, you cannot change the type of an object that has already been created, you must create a new object using the new keyword.

Solution 5:

In my opinion, in a properly designed type heirarchy, you don't need to know the types of the individual objects. But I seem to be in the minority on that point.

If you must have type identification, make it explicit.

MyClass.prototype.type = "MyClass";

It is reliable and portable, at least for your objects. It also works across contexts. DOM objects are another matter, although you can make things easier for yourself with

window.type = "window";

and so on.

I believe the quote above was written by Douglas Crockford.