javascript - 将 JS 转换为 Typescript

Question

我有一个简单的 Javascript 应用程序，可以计算数组内的重复数字...

我目前正在学习 Typescript，我想把这个 Javascript 变成 Typescript...

我已经在我的机器上运行了 Angular，但是当同时学习有关 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)
  );
});

Answer 1

你真的不需要做任何事情，你的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)}`);

});