重温Typescript
Typescript 是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,并添加了静态类型系统。这使得编写正确的代码变得更加容易,并可以在编译时捕获错误而不是在运行时。
以下是一些Typescript的基本概念和代码示例:
- 变量声明:
在Typescript中,我们可以使用let
,const
和var
关键字来声明变量。let
和const
是ES6的特性,它们分别用于声明可变变量和不可变变量。
let a: number = 5;
a = 10; // 正确
const b: number = 5;
b = 10; // 错误,因为b是不可变的
- 函数:
Typescript 允许我们指定函数的参数类型和返回类型。
function sum(a: number, b: number): number {
return a + b;
}
- 接口:
接口可以用于定义对象的形状。
interface Person {
name: string;
age: number;
}
let tom: Person = {
name: "Tom",
age: 25
};
- 类:
Typescript 支持面向对象编程。
class Student {
fullName: string;
constructor(public firstName: string, public middleName: string) {
this.fullName = firstName + " " + middleName;
}
}
let student = new Student("Tom", "Cruise");
- 类型注解:
类型注解让你可以手动指定一个变量的类型。
let width: number = 100;
let height: number = 200;
let area: number = width * height;
- 泛型:
泛型是用来创建可复用的组件,这些组件模版中的类型可以在使用时才确定。
function identity<T>(arg: T): T {
return arg;
}
let output = identity<string>("Hello World");
- 异步操作:
Typescript 支持ES6的异步操作。
async function asyncOperation(): Promise<number> {
return new Promise<number>((resolve, reject) => {
setTimeout(() => resolve(100), 100);
});
}
asyncOperation().then(val => console.log(val));
- 命名空间:
命名空间可以用于组织大型的项目。
namespace Shape {
export namespace Rectangle {
export function area(width: number, height: number): number {
return width * height;
}
}
}
let area = Shape.Rectangle.area(100, 200);
以上就是Typescript的一些基本概念和代码示例。在实际开发中,你可以根据需要使用这些概念和代码示例来提高你的Typescript编程能力。
评论已关闭