How to check if a Javascript Class inherits another (without creating an obj)?

You can test direct inheritance with

B.prototype.constructor === A

To test indirect inheritance, you may use:

B.prototype instanceof A

(this second solution was first given by Nirvana Tikku)


Gotchas: Note that instanceof does not work as expected if you use multiple execution contexts/windows. See §§.


Also, per https://johnresig.com/blog/objectgetprototypeof/, this is an alternative implementation that is identical to instanceof:

function f(_, C) { // instanceof Polyfill
  while (_ != null) {
    if (_ == C.prototype)
      return true;
    _ = _.__proto__;
  }
  return false;
}

Modifying it to check the class directly gives us:

function f(ChildClass, ParentClass) {
  _ = ChildClass.prototype;
  while (_ != null) {
    if (_ == C.prototype)
      return true;
    _ = _.__proto__;
  }
  return false;
}


Sidenote

instanceof itself checks if obj.proto is f.prototype, thus:

function A(){};
A.prototype = Array.prototype;
[]instanceof Array // true

and:

function A(){}
_ = new A();
// then change prototype:
A.prototype = [];
/*false:*/ _ instanceof A
// then change back:
A.prototype = _.__proto__
_ instanceof A //true

and:

function A(){}; function B(){};
B.prototype=Object.prototype;
/*true:*/ new A()instanceof B 

If it's not equal, proto is swapped with proto of proto in the check, then proto of proto of proto, and so on. Thus:

function A(){}; _ = new A()
_.__proto__.__proto__ = Array.prototype
g instanceof Array //true

and:

function A(){}
A.prototype.__proto__ = Array.prototype
g instanceof Array //true

and:

f=()=>{};
f.prototype=Element.prototype
document.documentElement instanceof f //true
document.documentElement.__proto__.__proto__=[];
document.documentElement instanceof f //false

Try the following:

ChildClass.prototype instanceof ParentClass

back to 2017:
check if that work for you

ParentClass.isPrototypeOf(ChildClass)

Alternative if you want protection against shadowing:

const isPrototypeOf = Function.call.bind(Object.prototype.isPrototypeOf);

// Usage:
isPrototypeOf(ParentClass, ChildClass); // true or false