title: How to access an object from an object nested function with this keyword?
body: <p>I have this object:</p>
  <pre><code>popup_data = {
      club: {
          type: 'club',
          type_img: {
              header: 'CLUB HEADER',
              img: 'https://source.unsplash.com/random/800x600',
              sub_header: 'CLUB SUB HEADER',
              content: 'TEXT',
              hotspot_position: [5, -1.5, 2.5]
          },
          hotspots_array: [
              {   id: () =&gt; this.club.type + '-' + 'type_img',
                  position: () =&gt; this.club.type_img.hotspot_position,
              },
          ]   
      },
  </code></pre>
  <p>How to get <code>type</code> and <code>type_img.hotspot_position</code> from these nested functions</p>