转换JS以打字稿

问题描述:

我有一个简单的Javascript应用程序,计算数组里面重复的数字...转换JS以打字稿

目前我正在学习打字稿,我想谈谈这个JavaScript插入到打字稿...

我在我的机器上启动并运行,但在学习有关Angular 2.0和Typescript的所有信息的同时,它可能会变得不堪重负。

将此转换为Typescript的最佳方法是什么?

$(document).ready(function() { 
    var n = prompt("Enter your numbers").split(","); 
    console.log(n); 

    var counts = {}; 
    n.forEach(function(x) { 
    counts[x] = (counts[x] || 0) + 1; 
    }); 

    document.write(
    "<h1>Enter numbers when prompted!</h1>" + 
     "<p>You entered following numbers:</p>" + 
     n + 
     "<br/>" + 
     "<p>The occurence is as follows:</p>" + 
     JSON.stringify(counts) 
); 
}); 
+1

任何JavaScript文件也是有效的打字稿。所以你已经完成了 – Evert

+0

如果你在学习角和打字稿的时候遇到了麻烦(而且这是完全合理的),那么**不要**。通过一些打字稿教程。习惯思考类型。然后学习角度。 –

+0

是的,我是关于pluralsight的打字稿课程,这很好,但是如果一个新手有一个问题,它可能很难找到一个答案,只是使用谷歌搜索(打字稿不像Javascript那么普遍) – prius

你真的不用做任何事情,你的JS在TS中也可以正常工作。但是,如果您想充分利用所有功能,请参阅以下内容:

$(document).ready(() => { 

    var n = prompt("Enter your numbers").split(","); 
    console.log(n); 

    var counts : { [nr: string]: number } = {}; 
    n.forEach((x) => { 
     counts[x] = (counts[x] || 0) +1; 
    }); 

    document.write(` 
    <h1>Enter numbers when prompted!</h1> 
    <p>You entered following numbers:</p>${n}<br/> 
    <p>The occurence is as follows:</p>${JSON.stringify(counts)}`); 

});