{"componentChunkName":"component---src-templates-handbook-tsx","path":"/docs/handbook/release-notes/typescript-1-1.html","result":{"data":{"markdownRemark":{"id":"24ff6f8a-594a-5ce3-958d-c030a8d462d6","excerpt":"This is a test example, knowingly shipped to prod while v2 is in beta - it’s got a really long comment and a twoslash error. Performance Improvements The 1.…","html":"<p>This is a test example, knowingly shipped to prod while v2 is in beta - it’s got a really long comment and a twoslash error.</p>\n<pre class=\"shiki twoslash\"><div class=\"language-id\">ts</div><div class='code-container'><code><span style=\"color: #0000FF\">function</span><span style=\"color: #000000\"> <span class='lsp'>longest&lt;<span class='lsp-result'>function longest&lt;T extends {&#13;    length: number;&#13;}&gt;(a: T, b: T): T</span></span><span class='lsp'>T <span class='lsp-result'>(type parameter) T in longest&lt;T extends {&#13;    length: number;&#13;}&gt;(a: T, b: T): T</span></span></span><span style=\"color: #0000FF\">extends</span><span style=\"color: #000000\"> { <span class='lsp'>length:<span class='lsp-result'>(property) length: number</span></span> number }&gt;(<span class='lsp'>a:<span class='lsp-result'>(parameter) a: T extends { length: number; }</span></span> <span class='lsp'>T,<span class='lsp-result'>(type parameter) T in longest&lt;T extends {&#13;    length: number;&#13;}&gt;(a: T, b: T): T</span></span> <span class='lsp'>b:<span class='lsp-result'>(parameter) b: T extends { length: number; }</span></span> <span class='lsp'>T)<span class='lsp-result'>(type parameter) T in longest&lt;T extends {&#13;    length: number;&#13;}&gt;(a: T, b: T): T</span></span> {</span>\n<span style=\"color: #000000\">  </span><span style=\"color: #0000FF\">if</span><span style=\"color: #000000\"> (<span class='lsp'>a.<span class='lsp-result'>(parameter) a: T extends { length: number; }</span></span><span class='lsp'>length <span class='lsp-result'>(property) length: number</span></span>&gt;= <span class='lsp'>b.<span class='lsp-result'>(parameter) b: T extends { length: number; }</span></span><span class='lsp'>length)<span class='lsp-result'>(property) length: number</span></span> {</span>\n<span style=\"color: #000000\">    </span><span style=\"color: #0000FF\">return</span><span style=\"color: #000000\"> <span class='lsp'>a<span class='lsp-result'>(parameter) a: T extends { length: number; }</span></span></span>\n<span style=\"color: #000000\">  } </span><span style=\"color: #0000FF\">else</span><span style=\"color: #000000\"> {</span>\n<span style=\"color: #000000\">    </span><span style=\"color: #0000FF\">return</span><span style=\"color: #000000\"> <span class='lsp'>b<span class='lsp-result'>(parameter) b: T extends { length: number; }</span></span></span>\n<span style=\"color: #000000\">  }</span>\n<span style=\"color: #000000\">}</span>\n\n<span style=\"color: #008000\">//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////</span>\n\n<span style=\"color: #008000\">// longerArray is of type 'number[]'</span>\n<span style=\"color: #0000FF\">const</span><span style=\"color: #000000\"> <span class='lsp'>longerArray <span class='lsp-result'>const longerArray: number[]</span></span>= <span class='lsp'>longest(<span class='lsp-result'>function longest&lt;number[]&gt;(a: number[], b: number[]): number[]</span></span></span><span style=\"color: #09835A\">1</span><span style=\"color: #000000\">, </span><span style=\"color: #09835A\">2</span><span style=\"color: #000000\">], [</span><span style=\"color: #09835A\">1</span><span style=\"color: #000000\">, </span><span style=\"color: #09835A\">2</span><span style=\"color: #000000\">, </span><span style=\"color: #09835A\">3</span><span style=\"color: #000000\">])</span>\n<span style=\"color: #008000\">// longerString is of type 'string'</span>\n<span style=\"color: #0000FF\">const</span><span style=\"color: #000000\"> <span class='lsp'>longerString <span class='lsp-result'>const longerString: &quot;alice&quot; | &quot;bob&quot;</span></span>= <span class='lsp'>longest(<span class='lsp-result'>function longest&lt;&quot;alice&quot; | &quot;bob&quot;&gt;(a: &quot;alice&quot; | &quot;bob&quot;, b: &quot;alice&quot; | &quot;bob&quot;): &quot;alice&quot; | &quot;bob&quot;</span></span></span><span style=\"color: #A31515\">'alice'</span><span style=\"color: #000000\">, </span><span style=\"color: #A31515\">'bob'</span><span style=\"color: #000000\">)</span>\n<span style=\"color: #008000\">// Error! Numbers don't have a 'length' property</span>\n<span style=\"color: #0000FF\">const</span><span style=\"color: #000000\"> <span class='lsp'>notOK <span class='lsp-result'>const notOK: {&#13;    length: number;&#13;}</span></span>= <span class='lsp'>longest(<span class='lsp-result'>function longest&lt;{&#13;    length: number;&#13;}&gt;(a: {&#13;    length: number;&#13;}, b: {&#13;    length: number;&#13;}): {&#13;    length: number;&#13;}</span></span></span><span style=\"color: #09835A\"><span class='err'>10</span></span><span style=\"color: #000000\">, </span><span style=\"color: #09835A\">100</span><span style=\"color: #000000\">)</span>\n<span class=\"error\"><span>Argument of type '10' is not assignable to parameter of type '{ length: number; }'.</span><span class=\"code\">2345</span></span><span class=\"error-behind\">Argument of type '10' is not assignable to parameter of type '{ length: number; }'.</span>\n<span style=\"color: #0000FF\">const</span><span style=\"color: #000000\"> <span class='lsp'>hello <span class='lsp-result'>const hello: &quot;alice&quot; | &quot;bob&quot;</span></span>= <span class='lsp'>longest(<span class='lsp-result'>function longest&lt;&quot;alice&quot; | &quot;bob&quot;&gt;(a: &quot;alice&quot; | &quot;bob&quot;, b: &quot;alice&quot; | &quot;bob&quot;): &quot;alice&quot; | &quot;bob&quot;</span></span></span><span style=\"color: #A31515\">'alice'</span><span style=\"color: #000000\">, </span><span style=\"color: #A31515\">'bob'</span><span style=\"color: #000000\">)</span>\n<span style=\"color: #000000\"><span class='lsp'>console.<span class='lsp-result'>var console: Console</span></span><span class='lsp'>log(<span class='lsp-result'>(method) Console.log(message?: any, ...optionalParams: any[]): void</span></span><span class='lsp'>hello)<span class='lsp-result'>const hello: &quot;alice&quot; | &quot;bob&quot;</span></span></span></code></div></pre>\n<h2 id=\"performance-improvements\"><a href=\"#performance-improvements\" aria-label=\"performance improvements permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Performance Improvements</h2>\n<p>The 1.1 compiler is typically around 4x faster than any previous release. See <a href=\"http://blogs.msdn.com/b/typescript/archive/2014/10/06/announcing-typescript-1-1-ctp.aspx\">this blog post for some impressive charts.</a></p>\n<h2 id=\"better-module-visibility-rules\"><a href=\"#better-module-visibility-rules\" aria-label=\"better module visibility rules permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Better Module Visibility Rules</h2>\n<p>TypeScript now only strictly enforces the visibility of types in modules if the <code>--declaration</code> flag is provided. This is very useful for Angular scenarios, for example:</p>\n<pre class=\"shiki\"><div class=\"language-id\">ts</div><div class='code-container'><code><span style=\"color: #0000FF\">module</span><span style=\"color: #000000\"> MyControllers {</span>\n<span style=\"color: #000000\">  </span><span style=\"color: #0000FF\">interface</span><span style=\"color: #000000\"> ZooScope </span><span style=\"color: #0000FF\">extends</span><span style=\"color: #000000\"> ng.IScope {</span>\n<span style=\"color: #000000\">    animals: Animal[]</span>\n<span style=\"color: #000000\">  }</span>\n<span style=\"color: #000000\">  </span><span style=\"color: #0000FF\">export</span><span style=\"color: #000000\"> </span><span style=\"color: #0000FF\">class</span><span style=\"color: #000000\"> ZooController {</span>\n<span style=\"color: #000000\">    </span><span style=\"color: #008000\">// Used to be an error (cannot expose ZooScope), but now is only</span>\n<span style=\"color: #000000\">    </span><span style=\"color: #008000\">// an error when trying to generate .d.ts files</span>\n<span style=\"color: #000000\">    </span><span style=\"color: #0000FF\">constructor</span><span style=\"color: #000000\">(</span><span style=\"color: #0000FF\">public</span><span style=\"color: #000000\"> $scope: ZooScope) {}</span>\n<span style=\"color: #000000\">    </span><span style=\"color: #008000\">/* more code */</span>\n<span style=\"color: #000000\">  }</span>\n<span style=\"color: #000000\">}</span></code></div></pre>","headings":[{"value":"Performance Improvements","depth":2},{"value":"Better Module Visibility Rules","depth":2}],"frontmatter":{"permalink":"/docs/handbook/release-notes/typescript-1-1.html","title":"TypeScript 1.1"}}},"pageContext":{"slug":"/docs/handbook/release-notes/typescript-1-1.html","isOldHandbook":true}}}