我如何开始打字稿。

嘿，

如果您正在阅读这篇文章，我想特别感谢您找到我的第一篇技术写作博客文章。

中国有句俗话：“千里之行始于足下”。

首先，我的名字是 Abel Emmanuel，我是一名软件开发人员、开源贡献者和倡导者。我谨祝我谦卑的自己生日快乐。

今天，2024 年 12 月 20 日，我开始学习 Typescript 和技术写作。我有时了解 Typescript，但我从未见过它的重要、有用、丰富的功能以及它如何帮助我编写更好的代码。

理想情况下，我在知道 Typescript 的时候就拒绝学习它。我的结论是，学习 Typescript 没有任何用处，因为它具有与 JavaScript 相同的语法和所有内容，直到我找到了需要 Typescript 的工作。

这就是我开始正确学习 Typescript 的方式，如果没有的话我就已经把注意力集中在 Typescript 上了。

今天，我想分享 Typescript 的基础知识、它的重要性以及它如何帮助您减少代码中编写的错误。

JavaScript从诞生之日起就不是像C、C、C#、Rust等低级编程语言那样的类型语言。

在类型化语言中，变量和值都有类型。

这就是类型化语言的含义，以 C 编程语言为例。

例如在 JavaScript 中定义变量：

let x = 5
typeof x    //number

在 JavaScript 中，x 可以重新分配给字符串值。

x = "Emmanuel"
typeof x    //string

与 C 编程语言等低级语言相比，您必须让变量知道值数据类型。例如：

init x =  5
float y = 0.5

如果您尝试重新分配变量 x 和 y，则会抛出错误。然而，JavaScript 是一种松散类型的语言，可能会导致代码中出现大量错误。

为了避免这种情况，您需要一个名为 Typescript 的 JavaScript 超集。 Typescript 是一个静态类型检查器，可在运行程序之前帮助检查程序中的错误。

开始吧
将 Typescript 全局或本地安装到您的项目中。
npm install -g typescript

创建一个文件夹并将其命名为 typescript。

右键单击文件夹（typescript），使用 Visual Studio Code 打开并创建文件 test.ts。

完成此操作后，下一步就是开始编写打字稿。

在 test.ts 文件中复制代码并将其粘贴到文件中并运行它。

console.log("Hello world");

运行打字稿文件。打开命令行界面 (CLI) 和 tsc test.ts。该命令将运行打字稿文件。

注意：如果您不安装 typescript，您将无法在 CLI 中访问 tsc。

运行后，您会注意到 CLI 中没有发生任何引人注目的事情，但是，您会在文件夹中注意到一个新文件 test.js。

打开 test.js 文件，您会注意到运行的命令会将 test.ts 中的所有内容输出到 test.js。

让我们在代码中包含类型。让我们看看它在 Javascript 中是什么样子。

let x = 5
typeof x    //number

运行 tsc test.ts。没什么特别的事情发生。
然而，假设函数调用 meet() 得到一个像 meet(7).

这样的参数

Typescript 将指示错误。

x = "Emmanuel"
typeof x    //string

通常，在 JavaScript 世界中，代码很酷，但这不是我们想要的。所以即使它在运行时不会抛出错误。 Typescript 帮助我们提前发现问题。这是打字稿最酷的部分。它可以帮助您编写更少错误的代码。

让我们检查一下这段代码。

init x =  5
float y = 0.5

注意函数 meet(name: string, id: number)，附加的 :string 和 :number。这告诉我们我们需要一个参数字符串和一个数字。如果您这样做，否则您的代码将触发错误。

函数返回类型
我们可以允许我们的函数返回特定类型。

console.log("Hello world");

对象类型

function meet(name, id){
    console.log(`Hello ${name}, your unique ID is ${id}.`)
}

meet("Abel Emmanuel", 7)
// Hello Abel Emmanuel, your unique ID is 7.

其他原始类型注释。

Expected 2 arguments, but got 1.ts(2554)
test.ts(1, 21): An argument for 'id' was not provided.

总之，Typescript 是一种类型语言，可以帮助您编写更好的 JavaScript 并减少错误。更多内容请访问 Typescript 官方网站：Typescript。

如果您觉得这篇文章有帮助，请告诉我，如果有更好的改进方法，我将很高兴向您学习。感谢您阅读我的第一篇文章。

在 Twitter 上关注我，我会分享精彩内容。

以上是我如何开始打字稿。的详细内容。更多信息请关注PHP中文网其他相关文章！