feat: add missing KF6 framework recipes
This commit is contained in:
@@ -0,0 +1,313 @@
|
||||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<title>test.ts</title>
|
||||
<meta name="generator" content="KF5::SyntaxHighlighting - Definition (TypeScript) - Theme (Breeze Light)"/>
|
||||
</head><body style="background-color:#ffffff;color:#1f1c1b"><pre>
|
||||
<span style="color:#898887">/// </span><span style="font-weight:bold"><reference</span><span style="color:#006e28"> types=</span><span style="color:#0057ae">"node"</span><span style="color:#006e28"> </span><span style="font-weight:bold">/></span>
|
||||
|
||||
<span style="color:#898887">// TypeScript Test</span>
|
||||
|
||||
<span style="font-weight:bold;font-style:italic">class</span> Student {
|
||||
fullName<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">constructor</span>(<span style="font-weight:bold;font-style:italic">public</span> firstName<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">,</span> <span style="font-weight:bold;font-style:italic">public</span> middleInitial<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">,</span> <span style="font-weight:bold;font-style:italic">public</span> lastName<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span>) {
|
||||
<span style="font-weight:bold">this</span><span style="color:#ca60ca">.</span><span style="color:#0057ae">fullName</span> <span style="color:#ca60ca">=</span> firstName <span style="color:#ca60ca">+</span> <span style="color:#bf0303">" "</span> <span style="color:#ca60ca">+</span> middleInitial <span style="color:#ca60ca">+</span> <span style="color:#bf0303">" "</span> <span style="color:#ca60ca">+</span> lastName<span style="color:#ca60ca">;</span>
|
||||
}
|
||||
}
|
||||
|
||||
<span style="font-weight:bold;font-style:italic">interface</span> Person {
|
||||
firstName<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">;</span>
|
||||
lastName<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">;</span>
|
||||
}
|
||||
|
||||
<span style="font-weight:bold">function</span> <span style="color:#644a9b">greeter</span>(person <span style="color:#ca60ca">:</span> Person) {
|
||||
<span style="font-weight:bold">return</span> <span style="color:#bf0303">"Hello, "</span> <span style="color:#ca60ca">+</span> person<span style="color:#ca60ca">.</span><span style="color:#0057ae">firstName</span> <span style="color:#ca60ca">+</span> <span style="color:#bf0303">" "</span> <span style="color:#ca60ca">+</span> person<span style="color:#ca60ca">.</span><span style="color:#0057ae">lastName</span><span style="color:#ca60ca">;</span>
|
||||
}
|
||||
|
||||
<span style="font-weight:bold;font-style:italic">let</span> user <span style="color:#ca60ca">=</span> <span style="font-weight:bold">new</span> <span style="color:#644a9b">Student</span>(<span style="color:#bf0303">"Jane"</span><span style="color:#ca60ca">,</span> <span style="color:#bf0303">"M."</span><span style="color:#ca60ca">,</span> <span style="color:#bf0303">"User"</span>)<span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// Built-in</span>
|
||||
<span style="color:#644a9b;font-weight:bold">document</span><span style="color:#ca60ca">.</span><span style="color:#0057ae;font-style:italic">body</span><span style="color:#ca60ca">.</span><span style="color:#0057ae;font-style:italic">innerHTML</span> <span style="color:#ca60ca">=</span> <span style="color:#644a9b">greeter</span>(user)<span style="color:#ca60ca">;</span> to
|
||||
<span style="color:#644a9b;font-weight:bold">JSON</span><span style="color:#ca60ca">.</span><span style="color:#644a9b;font-style:italic">stringify</span>()
|
||||
<span style="color:#644a9b;font-weight:bold">console</span><span style="color:#ca60ca">.</span><span style="color:#644a9b;font-style:italic">log</span>(<span style="color:#bf0303">"Hello world"</span>)<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">const</span> os <span style="color:#ca60ca">=</span> <span style="color:#006e28">require</span>(<span style="color:#bf0303">'os'</span>)<span style="color:#ca60ca">;</span>
|
||||
<span style="color:#644a9b;font-weight:bold">Math</span><span style="color:#ca60ca">.</span><span style="color:#aa5500">LOG10E</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#644a9b;font-weight:bold">Number</span><span style="color:#ca60ca">.</span><span style="color:#aa5500">MAX_SAFE_INTEGER</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#644a9b;font-weight:bold">String</span><span style="color:#ca60ca">.</span><span style="color:#644a9b">raw</span><span style="color:#e31616">`raw text \.\n${}`</span>
|
||||
|
||||
<span style="color:#ff5500">import</span> http <span style="color:#ca60ca">=</span><span style="font-weight:bold"> require</span>(<span style="color:#bf0303">"http"</span>)<span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">import</span> path <span style="color:#ca60ca">=</span><span style="font-weight:bold"> require</span>(<span style="color:#bf0303">"path"</span>)<span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">import</span> URL <span style="color:#ca60ca">=</span> url<span style="color:#ca60ca">.</span><span style="color:#0057ae">URL</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">import</span> { Readable<span style="color:#ca60ca">,</span> Writable } <span style="color:#ff5500">from</span> <span style="color:#bf0303">"stream"</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">import</span> { isBuffer<span style="color:#ca60ca">,</span> isString<span style="color:#ca60ca">,</span> isObject } <span style="color:#ff5500">from</span> <span style="color:#bf0303">"util"</span><span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="font-weight:bold">const</span> port <span style="color:#ca60ca">=</span> <span style="color:#b08000">8_88_8</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">const</span> baseUrl <span style="color:#ca60ca">=</span> <span style="font-weight:bold">new</span> <span style="color:#644a9b">URL</span>(<span style="color:#e31616">`http://localhost:</span><span style="color:#3daee9">${</span>port<span style="color:#3daee9">}</span><span style="color:#e31616">/`</span>)<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">const</span> rootDir <span style="color:#ca60ca">=</span> path<span style="color:#ca60ca">.</span><span style="color:#644a9b">dirname</span>(<span style="color:#644a9b;font-weight:bold">__dirname</span>)<span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="font-weight:bold">const</span> defaultBrowser <span style="color:#ca60ca">=</span> os<span style="color:#ca60ca">.</span><span style="color:#644a9b">platform</span>() <span style="color:#ca60ca">===</span> <span style="color:#bf0303">"win32"</span> <span style="color:#ca60ca">?</span> <span style="color:#bf0303">"edge"</span> <span style="color:#ca60ca">:</span> <span style="color:#bf0303">"chrome"</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> browser<span style="color:#ca60ca">:</span> <span style="color:#bf0303">"edge"</span> <span style="color:#ca60ca">|</span> <span style="color:#bf0303">"chrome"</span> <span style="color:#ca60ca">|</span> <span style="color:#bf0303">"none"</span> <span style="color:#ca60ca">=</span> defaultBrowser<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> grep<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span> <span style="color:#ca60ca">|</span> <span style="color:#0057ae">undefined</span><span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="font-weight:bold;font-style:italic">interface</span> FileBasedTestConfiguration {
|
||||
[setting<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span>]<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">;</span>
|
||||
}
|
||||
|
||||
<span style="font-weight:bold">function</span> <span style="color:#644a9b">swapCase</span>(s<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span>)<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span> {
|
||||
<span style="font-weight:bold">return</span> s<span style="color:#ca60ca">.</span><span style="color:#644a9b">replace</span>(<span style="color:#ff5500">/</span><span style="color:#3daee9">\w</span><span style="color:#ff5500">/g</span><span style="color:#ca60ca">,</span> (ch) <span style="font-weight:bold">=></span> {
|
||||
<span style="font-weight:bold">const</span> up <span style="color:#ca60ca">=</span> ch<span style="color:#ca60ca">.</span><span style="color:#644a9b">toUpperCase</span>()<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">return</span> ch <span style="color:#ca60ca">===</span> up <span style="color:#ca60ca">?</span> ch<span style="color:#ca60ca">.</span><span style="color:#644a9b">toLowerCase</span>() <span style="color:#ca60ca">:</span> up<span style="color:#ca60ca">;</span>
|
||||
})<span style="color:#ca60ca">;</span>
|
||||
}
|
||||
|
||||
<span style="font-weight:bold">for</span> (<span style="font-weight:bold">var</span> i <span style="font-weight:bold">in</span> pieces) {
|
||||
<span style="font-weight:bold">switch</span> (<span style="font-weight:bold">true</span>) {
|
||||
<span style="font-weight:bold">case</span> <span style="color:#ff5500">/</span><span style="color:#3daee9">^\"?</span><span style="color:#ff5500">Accession</span><span style="color:#3daee9">\"?</span><span style="color:#ff5500">/</span><span style="color:#ca60ca">.</span><span style="color:#644a9b">test</span>(pieces[i])<span style="color:#ca60ca">:</span>
|
||||
numeration[<span style="color:#b08000">0</span>] <span style="color:#ca60ca">=</span> i<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">break</span><span style="color:#ca60ca">;</span>
|
||||
}
|
||||
}
|
||||
|
||||
<span style="font-weight:bold">const</span> <span style="font-weight:bold;font-style:italic">enum</span> ResponseCode {
|
||||
Success <span style="color:#ca60ca">=</span> <span style="color:#b08000">200</span><span style="color:#ca60ca">,</span>
|
||||
BadRequest <span style="color:#ca60ca">=</span> <span style="color:#b08000">400</span>
|
||||
}
|
||||
|
||||
<span style="color:#898887">// Substitutions</span>
|
||||
<span style="color:#ff5500">export</span> <span style="font-weight:bold">function</span> <span style="color:#644a9b">isInOpenInterval</span>(start<span style="color:#ca60ca">:</span> <span style="color:#0057ae">number</span><span style="color:#ca60ca">,</span> end<span style="color:#ca60ca">:</span> <span style="color:#0057ae">number</span>) {
|
||||
<span style="font-weight:bold">return</span> <span style="color:#644a9b">tersible</span>(a <span style="font-weight:bold">=></span> a <span style="color:#ca60ca">></span> start <span style="color:#ca60ca">&&</span> a <span style="color:#ca60ca"><</span> end<span style="color:#ca60ca">,</span> () <span style="font-weight:bold">=></span> <span style="color:#e31616">`(</span><span style="color:#3daee9">${</span>start<span style="color:#3daee9">}</span><span style="color:#e31616">...</span><span style="color:#3daee9">${</span>end<span style="color:#3daee9">}</span><span style="color:#e31616">)`</span>)
|
||||
}
|
||||
<span style="font-weight:bold">const</span> bar <span style="color:#ca60ca">=</span> <span style="color:#e31616">`</span><span style="color:#3daee9">${</span>x<span style="color:#3daee9">}</span><span style="color:#e31616"> </span><span style="color:#3daee9">${</span>y<span style="color:#3daee9">}</span><span style="color:#e31616">`</span><span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// readonly</span>
|
||||
<span style="font-weight:bold">function</span> <span style="color:#644a9b">f1</span>(mt<span style="color:#ca60ca">:</span> [<span style="color:#0057ae">number</span><span style="color:#ca60ca">,</span> <span style="color:#0057ae">number</span>]<span style="color:#ca60ca">,</span> rt<span style="color:#ca60ca">:</span> <span style="font-weight:bold;font-style:italic">readonly</span> [<span style="color:#0057ae">number</span><span style="color:#ca60ca">,</span> <span style="color:#0057ae">number</span>]) {
|
||||
}
|
||||
|
||||
<span style="font-weight:bold">function</span> <span style="color:#644a9b">f2</span>(ma<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span>[]<span style="color:#ca60ca">,</span> ra<span style="color:#ca60ca">:</span> <span style="font-weight:bold;font-style:italic">readonly</span> <span style="color:#0057ae">string</span>[]<span style="color:#ca60ca">,</span> mt<span style="color:#ca60ca">:</span> [<span style="color:#0057ae">string</span><span style="color:#ca60ca">,</span> <span style="color:#0057ae">string</span>]<span style="color:#ca60ca">,</span> rt<span style="color:#ca60ca">:</span> <span style="font-weight:bold;font-style:italic">readonly</span> [<span style="color:#0057ae">string</span><span style="color:#ca60ca">,</span> <span style="color:#0057ae">string</span>]) {
|
||||
}
|
||||
|
||||
<span style="font-weight:bold;font-style:italic">type</span> ReadWrite<span style="color:#ca60ca"><</span>T<span style="color:#ca60ca">></span> <span style="color:#ca60ca">=</span> { <span style="color:#ca60ca">-</span><span style="font-weight:bold;font-style:italic">readonly</span> [P <span style="font-weight:bold">in</span> <span style="font-weight:bold">keyof</span> T] <span style="color:#ca60ca">:</span> T[P] }<span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// const assertion</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> obj <span style="color:#ca60ca">=</span> { x<span style="color:#ca60ca">:</span> <span style="color:#b08000">10</span><span style="color:#ca60ca">,</span> y<span style="color:#ca60ca">:</span> [<span style="color:#b08000">20</span><span style="color:#ca60ca">,</span> <span style="color:#b08000">30</span>]<span style="color:#ca60ca">,</span> z<span style="color:#ca60ca">:</span> { a<span style="color:#ca60ca">:</span> { b<span style="color:#ca60ca">:</span> <span style="color:#b08000">42</span> } } } <span style="color:#ff5500">as</span> <span style="font-weight:bold">const</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> r2 <span style="color:#ca60ca">=</span> { x<span style="color:#ca60ca">:</span> <span style="color:#b08000">20</span><span style="color:#ca60ca">,</span> y<span style="color:#ca60ca">:</span> <span style="color:#b08000">10</span> } <span style="color:#ff5500">as</span> <span style="font-weight:bold">const</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> r2 <span style="color:#ca60ca">=</span> {<span style="color:#ca60ca">...</span>p} <span style="color:#ff5500">as</span> <span style="font-weight:bold">const</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> p1 <span style="color:#ca60ca">=</span> { x<span style="color:#ca60ca">:</span> <span style="color:#b08000">10</span><span style="color:#ca60ca">,</span> y<span style="color:#ca60ca">:</span> <span style="color:#b08000">20</span> <span style="color:#ff5500">as</span> <span style="font-weight:bold">const</span> }<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> p2 <span style="color:#ca60ca">=</span> { <span style="color:#b08000">10</span> <span style="color:#ff5500">as</span> <span style="font-weight:bold">const</span><span style="color:#ca60ca">,</span> <span style="color:#bf0303">'foo'</span> <span style="color:#ff5500">as</span> <span style="font-weight:bold">const</span> }<span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// Definite assignment operator</span>
|
||||
<span style="font-weight:bold;font-style:italic">class</span> Cl {
|
||||
one<span style="color:#ca60ca">?</span><span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">;</span>
|
||||
two<span style="color:#ca60ca">!</span><span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">;</span>
|
||||
}
|
||||
<span style="font-weight:bold;font-style:italic">let</span> x<span style="color:#ca60ca">!</span> <span style="color:#ca60ca">=</span> <span style="color:#b08000">1</span><span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// Function with multiple arguments</span>
|
||||
<span style="font-weight:bold">const</span> children <span style="color:#ca60ca">=</span> []<span style="color:#ca60ca">.</span><span style="color:#644a9b">map</span><span style="color:#ca60ca"><</span><span style="color:#644a9b;font-weight:bold">Set</span><span style="color:#ca60ca"><</span><span style="color:#644a9b;font-weight:bold">Map</span><span style="color:#ca60ca"><</span><span style="color:#0057ae">number</span><span style="color:#ca60ca">,</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">>>></span>(element <span style="font-weight:bold">=></span> {
|
||||
<span style="font-weight:bold">if</span> (<span style="color:#ca60ca">!</span><span style="font-weight:bold">this</span><span style="color:#ca60ca">.</span><span style="color:#0057ae">identityProvider</span>) {
|
||||
<span style="font-weight:bold">return</span> element<span style="color:#ca60ca">;</span>
|
||||
}
|
||||
<span style="font-weight:bold">return</span> element<span style="color:#ca60ca">;</span>
|
||||
})<span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// Numerics</span>
|
||||
<span style="font-weight:bold">var</span> a <span style="color:#ca60ca">=</span> <span style="color:#b08000">0xA</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> b <span style="color:#ca60ca">=</span> <span style="color:#b08000">0b1</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> c <span style="color:#ca60ca">=</span> <span style="color:#b08000">0o7</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> d <span style="color:#ca60ca">=</span> <span style="color:#b08000">1.1E+3</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> e <span style="color:#ca60ca">=</span> <span style="color:#b08000">1.E+3</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> f <span style="color:#ca60ca">=</span> <span style="color:#b08000">.1E+3</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> g <span style="color:#ca60ca">=</span> <span style="color:#b08000">1E+3</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> h <span style="color:#ca60ca">=</span> <span style="color:#b08000">1.1</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> i <span style="color:#ca60ca">=</span> <span style="color:#b08000">1.</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> j <span style="color:#ca60ca">=</span> <span style="color:#b08000">.1</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> k <span style="color:#ca60ca">=</span> <span style="color:#b08000">1</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> l <span style="color:#ca60ca">=</span> <span style="color:#b08000">1_2.e+3_22</span> <span style="color:#ca60ca">|</span> <span style="color:#b08000">.2e2</span> <span style="color:#ca60ca">|</span> <span style="color:#b08000">0o1_23</span> <span style="color:#ca60ca">|</span> <span style="color:#b08000">11.2</span> <span style="color:#ca60ca">|</span> <span style="color:#b08000">08</span><span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// Bigint</span>
|
||||
<span style="font-weight:bold">const</span> binBig <span style="color:#ca60ca">=</span> <span style="color:#b08000">0b101</span>n<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">const</span> octBig <span style="color:#ca60ca">=</span> <span style="color:#b08000">0o567</span>n<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">const</span> hexBig <span style="color:#ca60ca">=</span> <span style="color:#b08000">0xC0B</span>n<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">const</span> decBig <span style="color:#ca60ca">=</span> <span style="color:#b08000">123</span>n<span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// Invalid numbers</span>
|
||||
<span style="font-weight:bold">var</span> l <span style="color:#ca60ca">=</span> <span style="color:#b08000">0xA1</span><span style="color:#bf0303;text-decoration:underline">t</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> m <span style="color:#ca60ca">=</span> <span style="color:#b08000">0b01</span><span style="color:#bf0303;text-decoration:underline">23</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> n <span style="color:#ca60ca">=</span> <span style="color:#b08000">0o2</span><span style="color:#bf0303;text-decoration:underline">9</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> n <span style="color:#ca60ca">=</span> <span style="color:#b08000">0</span><span style="color:#bf0303;text-decoration:underline">_7</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> n <span style="color:#ca60ca">=</span> <span style="color:#b08000">1</span><span style="color:#bf0303;text-decoration:underline">___1</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> n <span style="color:#ca60ca">=</span> <span style="color:#b08000">1</span><span style="color:#bf0303;text-decoration:underline">__</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> n <span style="color:#ca60ca">=</span> <span style="color:#b08000">11</span><span style="color:#bf0303;text-decoration:underline">__</span><span style="color:#ca60ca">.</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> n <span style="color:#ca60ca">=</span> <span style="color:#b08000">1</span><span style="color:#bf0303;text-decoration:underline">__</span><span style="color:#ca60ca">.</span><span style="color:#0057ae">e</span><span style="color:#ca60ca">+</span><span style="color:#b08000">3_22</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">var</span> n <span style="color:#ca60ca">=</span> <span style="color:#b08000">.2</span>_e2<span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// Types</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> a<span style="color:#ca60ca">:</span> <span style="color:#0057ae">null</span> <span style="color:#ca60ca">=</span> <span style="font-weight:bold">null</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> b<span style="color:#ca60ca">:</span> <span style="color:#0057ae">number</span> <span style="color:#ca60ca">=</span> <span style="color:#b08000">123</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> c<span style="color:#ca60ca">:</span> <span style="color:#0057ae">number</span> <span style="color:#ca60ca">=</span> <span style="color:#b08000">123.456</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> d<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span> <span style="color:#ca60ca">=</span> <span style="color:#e31616">`Geeks`</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> e<span style="color:#ca60ca">:</span> <span style="color:#0057ae">undefined</span> <span style="color:#ca60ca">=</span> <span style="font-weight:bold">undefined</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> f<span style="color:#ca60ca">:</span> <span style="color:#0057ae">boolean</span> <span style="color:#ca60ca">=</span> <span style="font-weight:bold">true</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> g<span style="color:#ca60ca">:</span> <span style="color:#0057ae">number</span> <span style="color:#ca60ca">=</span> <span style="color:#b08000">0b111001</span><span style="color:#ca60ca">;</span> <span style="color:#898887">// Binary</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> h<span style="color:#ca60ca">:</span> <span style="color:#0057ae">number</span> <span style="color:#ca60ca">=</span> <span style="color:#b08000">0o436</span><span style="color:#ca60ca">;</span> <span style="color:#898887">// Octal</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> i<span style="color:#ca60ca">:</span> <span style="color:#0057ae">number</span> <span style="color:#ca60ca">=</span> <span style="color:#b08000">0xadf0d</span><span style="color:#ca60ca">;</span> <span style="color:#898887">// Hexa-Decimal</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> j<span style="color:#ca60ca">:</span> <span style="color:#0057ae">bigint</span> <span style="color:#ca60ca">=</span> <span style="color:#b08000">123</span>n<span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="font-weight:bold">const</span> query <span style="color:#ca60ca">=</span> <span style="color:#644a9b">query</span><span style="color:#ca60ca"><</span>[<span style="color:#0057ae">number</span>]<span style="color:#ca60ca">,</span> <span style="color:#0057ae">number</span><span style="color:#ca60ca">></span>(<span style="color:#e31616">`</span>
|
||||
<span style="color:#e31616"> SELECT *</span>
|
||||
<span style="color:#e31616"> FROM statistics</span>
|
||||
<span style="color:#e31616"> WHERE unit_id = $1`</span>)
|
||||
|
||||
<span style="font-weight:bold">function</span> <span style="color:#644a9b">runQuery</span>() {
|
||||
<span style="font-weight:bold">const</span> query <span style="color:#ca60ca">=</span> <span style="color:#644a9b">createQuery</span><span style="color:#ca60ca"><</span>[<span style="color:#0057ae">number</span>[]]<span style="color:#ca60ca">,</span> Table<span style="color:#ca60ca"><</span>Columns<span style="color:#ca60ca">>></span>(<span style="color:#e31616">`</span>
|
||||
<span style="color:#e31616"> some SQL here</span>
|
||||
<span style="color:#e31616"> `</span>)
|
||||
<span style="font-weight:bold">return</span> database<span style="color:#ca60ca">.</span><span style="color:#644a9b">execute</span>(query)
|
||||
}
|
||||
|
||||
aa<span style="color:#ca60ca">:</span> <span style="color:#ca60ca"><</span>sdf<span style="color:#ca60ca">/</span><span style="color:#ca60ca">></span> <span style="color:#0057ae">string</span> <span style="color:#ca60ca">?<</span>ssd<span style="color:#ca60ca">/</span><span style="color:#ca60ca">></span> <span style="color:#0057ae">string</span>
|
||||
string <span style="color:#898887">// Don't highlight</span>
|
||||
aa<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span> assa <span style="color:#ca60ca">|</span>
|
||||
<span style="color:#0057ae">string</span>
|
||||
string <span style="color:#ca60ca">;</span>
|
||||
string
|
||||
|
||||
aa<span style="color:#ca60ca">:</span> { <span style="color:#0057ae">string</span>
|
||||
string } <span style="color:#898887">// Don't highlight</span>
|
||||
|
||||
aa<span style="color:#ca60ca">:</span> [ <span style="color:#0057ae">string</span>
|
||||
<span style="color:#0057ae">string</span> ]
|
||||
aa<span style="color:#ca60ca">:</span> ( <span style="color:#0057ae">string</span>
|
||||
string ) <span style="color:#898887">// Don't highlight</span>
|
||||
aa<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span> <span style="color:#ca60ca"><</span><span style="color:#0057ae">string</span><span style="color:#ca60ca">></span>
|
||||
<span style="font-weight:bold;font-style:italic">interface</span> a {
|
||||
aa<span style="color:#ca60ca">:</span> <span style="color:#898887">/* comment</span>
|
||||
<span style="color:#898887"> */</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">,</span>
|
||||
bb<span style="color:#ca60ca">:</span> <span style="color:#898887">/* comment */</span>
|
||||
<span style="color:#0057ae">number</span><span style="color:#ca60ca">,</span>
|
||||
cc<span style="color:#ca60ca">:</span> <span style="color:#898887">// comment</span>
|
||||
<span style="color:#0057ae">void</span><span style="color:#ca60ca">,</span>
|
||||
dd<span style="color:#ca60ca">:</span>
|
||||
<span style="color:#0057ae">any</span><span style="color:#ca60ca">,</span>
|
||||
}
|
||||
|
||||
<span style="font-weight:bold">null</span><span style="color:#ca60ca">,</span> <span style="color:#ca60ca"><</span>{[key]<span style="color:#ca60ca">:</span> () <span style="font-weight:bold">=></span> <span style="color:#0057ae">any</span>}<span style="color:#ca60ca">></span> <span style="font-weight:bold">null</span>
|
||||
<span style="font-weight:bold">null</span><span style="color:#ca60ca">,</span> <span style="color:#ca60ca"><</span>{[key]<span style="color:#ca60ca">:</span> () <span style="font-weight:bold">=></span>{a<span style="color:#ca60ca">:</span> <span style="color:#0057ae">number</span>}}<span style="color:#ca60ca">></span> <span style="font-weight:bold">null</span>
|
||||
|
||||
<span style="color:#898887">// Correctly highlighting regular expressions</span>
|
||||
dt <span style="color:#ca60ca">=</span> ((dt[<span style="color:#b08000">0</span>] <span style="color:#ca60ca">*</span> <span style="color:#b08000">1e9</span> <span style="color:#ca60ca">+</span> dt[<span style="color:#b08000">1</span>]) <span style="color:#ca60ca">/</span> <span style="color:#b08000">1e6</span>)<span style="color:#ca60ca">.</span><span style="color:#644a9b">toFixed</span>(<span style="color:#b08000">3</span>)<span style="color:#ca60ca">.</span><span style="color:#644a9b">replace</span>(<span style="color:#ff5500">/</span><span style="color:#3daee9">\.?</span><span style="color:#ff5500">0</span><span style="color:#3daee9">+$</span><span style="color:#ff5500">/</span><span style="color:#ca60ca">,</span> <span style="color:#bf0303">''</span>) <span style="color:#ca60ca">+</span> <span style="color:#bf0303">'ms'</span><span style="color:#ca60ca">;</span>
|
||||
(a[<span style="color:#b08000">0</span>] <span style="color:#ca60ca">/</span> <span style="color:#b08000">2</span>) <span style="color:#ca60ca">/</span> (<span style="color:#b08000">2</span>)
|
||||
|
||||
<span style="color:#898887">// Type guards</span>
|
||||
<span style="font-weight:bold">function</span> <span style="color:#644a9b">isNumber</span>(x<span style="color:#ca60ca">:</span> <span style="color:#0057ae">any</span>)<span style="color:#ca60ca">:</span> x <span style="font-weight:bold">is</span> <span style="color:#0057ae">number</span> {
|
||||
<span style="font-weight:bold">return</span> <span style="font-weight:bold">typeof</span> x <span style="color:#ca60ca">===</span> <span style="color:#bf0303">"number"</span><span style="color:#ca60ca">;</span>
|
||||
}
|
||||
|
||||
<span style="color:#898887">// Conditional expressions (highlight keywords before ":")</span>
|
||||
<span style="font-weight:bold;font-style:italic">class</span> C {
|
||||
w <span style="color:#ca60ca">=</span> () <span style="font-weight:bold">=></span>
|
||||
<span style="font-weight:bold">this</span><span style="color:#ca60ca">.</span><span style="color:#644a9b">a</span>() <span style="color:#ca60ca">?</span> <span style="font-weight:bold">true</span> <span style="color:#ca60ca">:</span> <span style="font-weight:bold">this</span><span style="color:#ca60ca">.</span><span style="color:#644a9b">b</span>() <span style="color:#ca60ca">?</span> <span style="font-weight:bold">false</span> <span style="color:#ca60ca">:</span> <span style="font-weight:bold">true</span><span style="color:#ca60ca">;</span>
|
||||
z <span style="color:#ca60ca">=</span> () <span style="font-weight:bold">=></span>
|
||||
<span style="font-weight:bold">this</span><span style="color:#ca60ca">.</span><span style="color:#644a9b">b</span>() <span style="color:#ca60ca">?</span> hello <span style="color:#ca60ca">:</span> k<span style="color:#ca60ca">;</span>
|
||||
}
|
||||
|
||||
<span style="font-weight:bold">function</span> <span style="color:#644a9b">foo</span><span style="color:#ca60ca"><</span>T <span style="font-weight:bold;font-style:italic">extends</span> X<span style="color:#ca60ca">></span>(arg<span style="color:#ca60ca">:</span> T)<span style="color:#ca60ca">:</span> T <span style="font-weight:bold;font-style:italic">extends</span> B <span style="color:#ca60ca">?</span> <span style="color:#0057ae">number</span> <span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span> {
|
||||
<span style="font-weight:bold">if</span> (arg <span style="color:#ca60ca">===</span> <span style="color:#bf0303">"A"</span>) <span style="font-weight:bold">return</span> <span style="color:#ca60ca"><</span>T <span style="font-weight:bold;font-style:italic">extends</span> B <span style="color:#ca60ca">?</span> <span style="color:#0057ae">number</span> <span style="color:#ca60ca">:</span> <span style="color:#0057ae">never</span><span style="color:#ca60ca">></span><span style="color:#b08000">111</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">return</span> <span style="color:#ca60ca"><</span>T <span style="font-weight:bold;font-style:italic">extends</span> B <span style="color:#ca60ca">?</span> <span style="color:#0057ae">never</span> <span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">></span><span style="color:#bf0303">"returning a string"</span><span style="color:#ca60ca">;</span>
|
||||
}
|
||||
|
||||
<span style="font-weight:bold;font-style:italic">let</span> x <span style="color:#ca60ca">=</span> (foo <span style="color:#ca60ca">===</span> <span style="font-weight:bold">null</span> <span style="color:#ca60ca">||</span> foo <span style="color:#ca60ca">===</span> <span style="font-weight:bold">undefined</span>) <span style="color:#ca60ca">?</span>
|
||||
<span style="font-weight:bold">undefined</span> <span style="color:#ca60ca">:</span>
|
||||
foo<span style="color:#ca60ca">.</span><span style="color:#0057ae">bar</span><span style="color:#ca60ca">.</span><span style="color:#644a9b">baz</span>()<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> y <span style="color:#ca60ca">=</span> (foo <span style="color:#ca60ca">===</span> <span style="font-weight:bold">null</span> <span style="color:#ca60ca">||</span> foo <span style="color:#ca60ca">===</span> <span style="font-weight:bold">undefined</span>) <span style="color:#ca60ca">?</span> <span style="color:#898887">/* comment */</span> <span style="font-weight:bold">undefined</span> <span style="color:#ca60ca">:</span>
|
||||
foo<span style="color:#ca60ca">.</span><span style="color:#0057ae">bar</span><span style="color:#ca60ca">.</span><span style="color:#644a9b">baz</span>()<span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// Operator ??</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> x <span style="color:#ca60ca">=</span> foo <span style="color:#ca60ca">??</span> <span style="color:#644a9b">bar</span>()<span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// Types and logical `&&` and `||` operators after `as` expression</span>
|
||||
<span style="color:#644a9b;font-weight:bold">Date</span> <span style="color:#ff5500">as</span> <span style="color:#0057ae">any</span> <span style="color:#ca60ca">||</span> <span style="color:#0057ae">null</span><span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">//Assertions</span>
|
||||
<span style="font-weight:bold">const</span> assert<span style="color:#ca60ca">:</span> (value<span style="color:#ca60ca">:</span> <span style="color:#0057ae">unknown</span>) <span style="font-weight:bold">=></span> <span style="font-weight:bold">asserts</span> value <span style="color:#ca60ca">=</span> value <span style="font-weight:bold">=></span> {}
|
||||
<span style="font-weight:bold;font-style:italic">declare</span> <span style="font-weight:bold">function</span> <span style="color:#644a9b">assertIsString</span>(value<span style="color:#ca60ca">:</span> <span style="color:#0057ae">unknown</span>)<span style="color:#ca60ca">:</span> <span style="font-weight:bold">asserts</span> value <span style="font-weight:bold">is</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">declare</span> <span style="font-weight:bold">function</span> <span style="color:#644a9b">assertIsArrayOfStrings</span>(value<span style="color:#ca60ca">:</span> <span style="color:#0057ae">unknown</span>)<span style="color:#ca60ca">:</span> <span style="font-weight:bold">asserts</span> value <span style="font-weight:bold">is</span> <span style="color:#0057ae">string</span>[]<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">declare</span> <span style="font-weight:bold">function</span> <span style="color:#644a9b">assertDefined</span><span style="color:#ca60ca"><</span>T<span style="color:#ca60ca">></span>(value<span style="color:#ca60ca">:</span> T)<span style="color:#ca60ca">:</span> <span style="font-weight:bold">asserts</span> value <span style="font-weight:bold">is</span> <span style="color:#644a9b;font-weight:bold">NonNullable</span><span style="color:#ca60ca"><</span>T<span style="color:#ca60ca">></span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">namespace</span> <span style="color:#0057ae">Debug</span> {
|
||||
<span style="color:#ff5500">export</span> <span style="font-weight:bold;font-style:italic">declare</span> <span style="font-weight:bold">function</span> <span style="color:#644a9b">assert</span>(value<span style="color:#ca60ca">:</span> <span style="color:#0057ae">unknown</span><span style="color:#ca60ca">,</span> message<span style="color:#ca60ca">?</span><span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span>)<span style="color:#ca60ca">:</span> <span style="font-weight:bold">asserts</span> value<span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">export</span> <span style="font-weight:bold;font-style:italic">declare</span> <span style="font-weight:bold">function</span> <span style="color:#644a9b">assertDefined</span><span style="color:#ca60ca"><</span>T<span style="color:#ca60ca">></span>(value<span style="color:#ca60ca">:</span> T)<span style="color:#ca60ca">:</span> <span style="font-weight:bold">asserts</span> value <span style="font-weight:bold">is</span> <span style="color:#644a9b;font-weight:bold">NonNullable</span><span style="color:#ca60ca"><</span>T<span style="color:#ca60ca">></span><span style="color:#ca60ca">;</span>
|
||||
}
|
||||
|
||||
<span style="color:#898887">// Only highlight valid regular expressions, of a single line, after strings</span>
|
||||
<span style="color:#898887">// See: https://github.com/microsoft/TypeScript-TmLanguage/issues/786</span>
|
||||
<span style="color:#bf0303">"text"</span> <span style="color:#ca60ca">/</span>No<span style="color:#ca60ca">-</span>Regex
|
||||
<span style="color:#bf0303">"text"</span> <span style="color:#ff5500">/Regex</span><span style="color:#3daee9">[:)]</span><span style="color:#3daee9">*</span><span style="color:#ff5500">/</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">const</span> a <span style="color:#ca60ca">=</span> <span style="color:#bf0303">"6"</span> <span style="color:#ca60ca">/</span> <span style="color:#b08000">2</span><span style="color:#ca60ca">;</span> <span style="color:#898887">/*comment*/</span> <span style="font-weight:bold">const</span> b <span style="color:#ca60ca">=</span> <span style="color:#b08000">5</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#644a9b;font-weight:bold">console</span><span style="color:#ca60ca">.</span><span style="color:#644a9b;font-style:italic">log</span>(<span style="color:#bf0303">"4"</span> <span style="color:#ca60ca">/</span> <span style="color:#bf0303">"2"</span>)<span style="color:#ca60ca">;</span> <span style="color:#898887">// 2</span>
|
||||
<span style="color:#898887">// Single quote</span>
|
||||
<span style="font-weight:bold">const</span> a <span style="color:#ca60ca">=</span> <span style="color:#bf0303">'6'</span> <span style="color:#ca60ca">/</span> <span style="color:#b08000">2</span><span style="color:#ca60ca">;</span> <span style="color:#898887">/*comment*/</span> <span style="font-weight:bold">const</span> b <span style="color:#ca60ca">=</span> <span style="color:#b08000">5</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#644a9b;font-weight:bold">console</span><span style="color:#ca60ca">.</span><span style="color:#644a9b;font-style:italic">log</span>(<span style="color:#bf0303">'4'</span> <span style="color:#ca60ca">/</span> <span style="color:#bf0303">'2'</span>)<span style="color:#ca60ca">;</span> <span style="color:#898887">// 2</span>
|
||||
<span style="color:#898887">// Template</span>
|
||||
<span style="font-weight:bold">const</span> a <span style="color:#ca60ca">=</span> <span style="color:#e31616">`6`</span> <span style="color:#ca60ca">/</span> <span style="color:#b08000">2</span><span style="color:#ca60ca">;</span> <span style="color:#898887">/*comment*/</span> <span style="font-weight:bold">const</span> b <span style="color:#ca60ca">=</span> <span style="color:#b08000">5</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#644a9b;font-weight:bold">console</span><span style="color:#ca60ca">.</span><span style="color:#644a9b;font-style:italic">log</span>(<span style="color:#e31616">`4`</span> <span style="color:#ca60ca">/</span> <span style="color:#e31616">`2`</span>)<span style="color:#ca60ca">;</span> <span style="color:#898887">// 2</span>
|
||||
|
||||
[<span style="color:#b08000">1</span><span style="color:#ca60ca">,</span> <span style="color:#b08000">2</span><span style="color:#ca60ca">,</span> <span style="color:#b08000">3</span>]<span style="color:#ca60ca">.</span><span style="color:#644a9b">reduce</span><span style="color:#ca60ca"><</span><span style="font-weight:bold;font-style:italic">readonly</span> <span style="color:#0057ae">number</span>[]<span style="color:#ca60ca">></span>((previous) <span style="font-weight:bold">=></span> previous<span style="color:#ca60ca">,</span> [])<span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// Multiline arrow assignment</span>
|
||||
<span style="font-weight:bold">const</span> h <span style="color:#ca60ca">=</span> {
|
||||
setSubProperty<span style="color:#ca60ca">:</span> <span style="color:#ca60ca"><</span>
|
||||
T <span style="font-weight:bold;font-style:italic">extends</span> A<span style="color:#ca60ca">,</span>
|
||||
K <span style="font-weight:bold;font-style:italic">extends</span> <span style="font-weight:bold">keyof</span> T<span style="color:#ca60ca">,</span>
|
||||
J <span style="font-weight:bold;font-style:italic">extends</span> <span style="font-weight:bold">keyof</span> T[K]
|
||||
<span style="color:#ca60ca">></span>(
|
||||
property<span style="color:#ca60ca">:</span> K<span style="color:#ca60ca">,</span>
|
||||
key<span style="color:#ca60ca">:</span> J<span style="color:#ca60ca">,</span>
|
||||
value<span style="color:#ca60ca">:</span> T[K][J]
|
||||
) <span style="font-weight:bold">=></span> {}
|
||||
}
|
||||
|
||||
<span style="color:#898887">// Private-Named Instance Fields</span>
|
||||
<span style="font-weight:bold;font-style:italic">class</span> Greeter {
|
||||
#name<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">constructor</span>(name<span style="color:#ca60ca">:</span> <span style="color:#0057ae">string</span>) {
|
||||
<span style="font-weight:bold">this</span><span style="color:#ca60ca">.</span>#<span style="color:#0057ae">name</span> <span style="color:#ca60ca">=</span> name<span style="color:#ca60ca">;</span>
|
||||
}
|
||||
<span style="color:#644a9b">greet</span>() {
|
||||
<span style="color:#644a9b;font-weight:bold">console</span><span style="color:#ca60ca">.</span><span style="color:#644a9b;font-style:italic">log</span>(<span style="color:#e31616">`hello </span><span style="color:#3daee9">${</span><span style="font-weight:bold">this</span><span style="color:#ca60ca">.</span>#<span style="color:#0057ae">name</span><span style="color:#3daee9">}</span><span style="color:#e31616">`</span>)<span style="color:#ca60ca">;</span>
|
||||
}
|
||||
}
|
||||
<span style="font-weight:bold;font-style:italic">class</span> Test {
|
||||
#NAME1<span style="color:#ca60ca">:</span> () <span style="font-weight:bold">=></span> <span style="color:#0057ae">string</span><span style="color:#ca60ca">;</span>
|
||||
prop1 <span style="color:#ca60ca">=</span> x<span style="color:#ca60ca">.</span>#<span style="color:#0057ae">NAMEabc</span><span style="color:#ca60ca">.</span>#<span style="color:#0057ae">NAMEabc</span><span style="color:#ca60ca">;</span>
|
||||
prop2 <span style="color:#ca60ca">=</span> x<span style="color:#ca60ca">.</span>#<span style="color:#0057ae">NAMEabc</span><span style="color:#ca60ca">.</span>#<span style="color:#644a9b">NAMEabc</span>()<span style="color:#ca60ca">;</span>
|
||||
prop3 <span style="color:#ca60ca">=</span> <span style="font-weight:bold">this</span><span style="color:#ca60ca">.</span>#<span style="color:#0057ae">NAMEabc</span><span style="color:#ca60ca">.</span>#<span style="color:#644a9b">NAME</span>()<span style="color:#ca60ca">;</span>
|
||||
}
|
||||
|
||||
<span style="color:#898887">// Type-only imports and exports</span>
|
||||
<span style="color:#ff5500">import</span> <span style="color:#ff5500">type</span> T <span style="color:#ff5500">from</span> <span style="color:#bf0303">"mod"</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">import</span> <span style="color:#ff5500">type</span> { U<span style="color:#ca60ca">,</span> V } <span style="color:#ff5500">from</span> <span style="color:#bf0303">"mod"</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">import</span> <span style="color:#ff5500">type</span> <span style="color:#ca60ca">*</span> <span style="color:#ff5500">as</span> types <span style="color:#ff5500">from</span> <span style="color:#bf0303">"mod"</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">import</span> <span style="color:#ff5500">type</span> <span style="color:#ff5500">from</span> <span style="color:#bf0303">"mod"</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">import</span> <span style="color:#ff5500">type</span> <span style="color:#ca60ca">=</span><span style="font-weight:bold"> require</span>(<span style="color:#bf0303">"mod"</span>)<span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">import</span> <span style="color:#ff5500">type</span> T <span style="color:#ca60ca">=</span><span style="font-weight:bold"> require</span>(<span style="color:#bf0303">"mod"</span>)<span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#ff5500">export</span> { a <span style="color:#ff5500">as</span> b<span style="color:#ca60ca">,</span> x }<span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">export</span> <span style="color:#ca60ca">*</span> <span style="color:#ff5500">from</span> <span style="color:#bf0303">"AnotherModule"</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">export</span> { k <span style="color:#ff5500">as</span> m<span style="color:#ca60ca">,</span> l } <span style="color:#ff5500">from</span> <span style="color:#bf0303">"AnotherModule"</span><span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">export type</span> { T }<span style="color:#ca60ca">;</span>
|
||||
<span style="color:#ff5500">export type</span> { U } <span style="color:#ff5500">from</span> <span style="color:#bf0303">"AnotherModule"</span><span style="color:#ca60ca">;</span>
|
||||
|
||||
<span style="color:#898887">// 'awaited' type operator: https://github.com/microsoft/TypeScript/pull/35998</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> v1<span style="color:#ca60ca">:</span> <span style="font-weight:bold">awaited</span> <span style="color:#0057ae">number</span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> v2<span style="color:#ca60ca">:</span> <span style="font-weight:bold">awaited</span> <span style="color:#644a9b;font-weight:bold">Promise</span><span style="color:#ca60ca"><</span><span style="color:#0057ae">number</span><span style="color:#ca60ca">></span><span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold">function</span> <span style="color:#644a9b">f7</span><span style="color:#ca60ca"><</span>U<span style="color:#ca60ca">></span>() {
|
||||
<span style="font-weight:bold;font-style:italic">let</span> v0<span style="color:#ca60ca">:</span> <span style="font-weight:bold">awaited</span> U<span style="color:#ca60ca">;</span>
|
||||
<span style="font-weight:bold;font-style:italic">let</span> v1<span style="color:#ca60ca">:</span> <span style="font-weight:bold">awaited</span> <span style="color:#644a9b;font-weight:bold">Promise</span><span style="color:#ca60ca"><</span>U<span style="color:#ca60ca">></span><span style="color:#ca60ca">;</span>
|
||||
}
|
||||
|
||||
<span style="color:#898887">// Tagged template literals</span>
|
||||
<span style="color:#644a9b">tagFunc</span><span style="color:#e31616">`</span>
|
||||
<span style="color:#e31616"> Hello world!</span>
|
||||
<span style="color:#e31616"> </span><span style="color:#3daee9">${</span> <span style="color:#644a9b">alert</span>(<span style="color:#bf0303">"Hello!"</span>)<span style="color:#ca60ca">;</span> <span style="color:#3daee9">}</span><span style="color:#e31616">`</span><span style="color:#ca60ca">;</span>
|
||||
obj<span style="color:#ca60ca">.</span><span style="color:#0057ae">something</span><span style="color:#ca60ca">.</span><span style="color:#644a9b">tagFunc</span><span style="color:#e31616">`Setting </span><span style="color:#3daee9">${</span>setting<span style="color:#3daee9">}</span><span style="color:#e31616"> is </span><span style="color:#3daee9">${</span>value <span style="color:#ca60ca">+</span> <span style="color:#b08000">5</span><span style="color:#3daee9">}</span><span style="color:#e31616">!`</span><span style="color:#ca60ca">;</span>
|
||||
</pre></body></html>
|
||||
Reference in New Issue
Block a user