TypeScript入门指南:从JS到TS的转变
// 定义一个简单的JavaScript对象
let person = {
name: 'Alice',
age: 25,
// 使用对象方法进行简单的介绍
introduce: function() {
return 'Hi, my name is ' + this.name + ' and I am ' + this.age + ' years old.';
}
};
// 使用TypeScript定义一个类来表示同样的对象
class Person {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
introduce(): string {
return 'Hi, my name is ' + this.name + ' and I am ' + this.age + ' years old.';
}
}
// 创建一个Person类的实例
let personTS = new Person('Bob', 28);
// 使用TypeScript的类型注解来定义更加明确的属性类型
let personTypeAnnotated: { name: string; age: number; introduce: () => string; };
personTypeAnnotated = {
name: 'Charlie',
age: 30,
introduce: function() {
return 'Hi, my name is ' + this.name + ' and I am ' + this.age + ' years old.';
}
};
这个例子展示了如何在TypeScript中定义一个具有属性和方法的类,并创建该类的实例。同时,它也演示了如何使用类型注解来提供更明确的属性类型。这有助于在编译时捕获潜在的错误,并提高代码的可维护性。
评论已关闭