TypeScript 基础指南:Hello World

部分
1
Hello World
TypeScript 的 "Hello, World!" 示例如下:
function greet(name: string): string {
  return `Hello, ${name}!`;
}

const greeting = greet("World");
console.log(greeting);
现在,让我们逐行分析这段代码:
函数定义:
function greet(name: string): string { ... } 定义了一个名为 greet 的函数,该函数接受一个名为 name 的参数并返回一个字符串。TypeScript 的类型注释指定了参数 name 和返回值都是 string 类型。
函数实现:
在函数体内部,我们使用模板字符串 Hello, ${name}!,它将传入的名字嵌入到字符串中。这个模板字符串的值被返回。
函数调用和变量赋值:
const greeting = greet("World"); 该行代码调用了 greet 函数,将字符串 "World" 作为参数传递给函数。然后,函数返回的结果被赋值给常量 greeting。TypeScript 中的 const 用于声明一个不可变的变量。
控制台输出:
最后一行代码 console.log(greeting); 将 greeting 常量的值输出到控制台,在这个示例中,输出的值是 "Hello, World!"。
部分
2
编译和运行
1
使用 tsc .\main.ts 命令将 TS 文件编译成 JS 文件
2
创建一个静态 HTML ,并引用刚才生成的 JS 文件
3
浏览器打开 HTML 文件,查看 Console 中的结果
4
我们也可以用 node 直接运行生成的 JS 文件