title: TypeScript function type syntax explanation
body: <p>I'm reading the TypeScript Handbook and in the <a href="https://www.typescriptlang.org/docs/handbook/functions.html" rel="nofollow noreferrer">Functions section</a> under the Function Types heading there is this example (which I understand):</p>
  
  <pre><code>let myAdd = function(x: number, y: number): number { return x+y; };
  </code></pre>
  
  <p>This is followed by</p>
  
  <blockquote>
    <p>let’s write the full type of the function out by looking at the each
    piece of the function type.</p>
  </blockquote>
  
  <p>and this syntax:</p>
  
  <pre><code>let myAdd: (x: number, y: number) =&gt; number =
      function(x: number, y: number): number { return x+y; };
  </code></pre>
  
  <p>Could someone break this down and explain it as I have never seen this before and can't find an explanation in the handbook?</p>