console.log(Object instanceof Function); //true
console.log(Function instanceof Object); //true
Inside JavaScript if Object and Function are both defined as functions then what is their relation to each other and how are both instances of each other?
I don't understand if Object is at the top most position in JavaScript and how Function also inherits from Object..
I think you may be getting confused between the value Object and objects in general. You may be thinking from what you see above that this means that "all objects are functions" but this is not true.
All functions are objects. The values Object and Function are both (constructor) functions, so they are both objects as well. In other words, they are both instances of Object and Function.
Perhaps you'll find this a bit more illuminating:
console.log(Object instanceof Function); // true
console.log(Function instanceof Function); // true
console.log(Object instanceof Object); // true
console.log(Function instanceof Object); // true
console.log(new Object() instanceof Function); // false
console.log({} instanceof Function); // false
console.log(new Function() instanceof Function); // true
console.log(function(){ } instanceof Function); // true
console.log(new Object() instanceof Object); // true
console.log({} instanceof Object); // true
console.log(new Function() instanceof Object); // true
console.log(function(){ } instanceof Object); // true
Functionis an instance of itself, now take that! (And ordinarily, every function is also an object)