title: How to write non-arrow function as argument
body: <p>Yes, I already know 9028924 people will mark this as duplicate question within 8 seconds of posting. Believe me... I've googled for close to an hour now, or I wouldn't be asking.</p>
  <pre class="lang-js prettyprint-override"><code>  methods: {
      stylizeHeader: debounce(event =&gt; {
        if (event.target.scrollTop &lt;= 1 &amp;&amp; !this.scrolled) {
          this.scrolled = true;
          console.log('true');
        } else if (this.scrolled) {
          this.scrolled = false;
          console.log('false');
        }
      }, 20),
    },
  </code></pre>
  <p>I'm using Vue, and all I'm trying to do is access the <code>this</code> property in the debounce function as it relates to the outer scope (a Vue implementation detail). The problem is obviously the arrow function.</p>
  <p>I can't find the proper syntax. I've tried every permutation I can think of with <code>() { }</code></p>
  <p>If I use <code>function() { }</code> it works fine, but eslint complains (so I want to follow good up to date conventions).</p>
  <p>How do I literally just write it in ES6 so I can access <code>this</code>.</p>