TypeScript 入门指南（二）：从基础开始使用 TypeScript

2024-01-18 10:22:31

基础使用

在 TypeScript 中，我们可以像在 JavaScript 中一样声明变量。但是，TypeScript 允许我们为变量添加类型注解，这可以帮助我们更好地理解代码并防止出现错误。

let name: string = "John Doe";
let age: number = 30;
let isMarried: boolean = true;

在上面的示例中，我们声明了三个变量：name、age 和 isMarried。我们为每个变量指定了类型，分别是字符串、数字和布尔值。这使得 TypeScript 能够在编译时检查变量是否被正确使用。

变量声明

在 TypeScript 中，我们可以使用 var、let 和 const 三个来声明变量。var 关键字用于声明全局变量或函数作用域内的变量，let 关键字用于声明块级作用域内的变量，const 关键字用于声明常量。

// 全局变量
var globalVariable = "global";

// 函数作用域内的变量
function myFunction() {
  var functionVariable = "function";
}

// 块级作用域内的变量
if (true) {
  let blockVariable = "block";
}

// 常量
const constantVariable = "constant";

添加类

在 TypeScript 中，我们可以使用 class 关键字来创建类。类是 TypeScript 中的一种数据类型，它允许我们创建具有相同属性和方法的对象。

class Person {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

// 创建 Person 对象
const person1 = new Person("John Doe", 30);

// 调用 Person 对象的方法
person1.greet();