Looking for a Javascript object hierarchy diagram

I’m sure there must be one somewhere, but I can’t find one, can’t think of the right search term. You know the sort of thing.

                                           Object
                                            __|__
                                          |          |
                                 Function
                                      __|__
                                     |
                               Method

I think it would really help me if I could get a sense for where all these new terms I’m learning exist in Javascript ‘space’ as it were. If anyone knows of one I would really appreciate a link.

Cheers!

A function is simply a block of code meant to be used over and over again via calling it.

A method is a fancy word for a function nested inside of an object.

An object is a list with key/value pairs.

This would be an object:

const my_obj = {
  "key": "value",
  "method": function(){
    return "Hello, world!";
  }
};
1 Like