安装
npm install -g typescript
创建app.ts文件,并把以下代码写入文件
function bigbox (username) { return "Hello, " + username; } let user = "ZLX"; document.body.innerHTML = bigbox(user);
运行时,命令行上写
tsc bigbox.ts
创建app.html文件,在app.html里输入如下内容:
<!DOCTYPE html> <html> <head><title>运行TypeScript Web应用</title></head> <body> <script src="app.js"></script> </body> </html>
泛型
函数中使用泛型
注意:sum中传递什么样的类型,他就是什么类型,有自己指定类型
在类中使用泛型
注:同样下面传递的类型可以指定,例如是:
接口中使用泛型 泛型约束
接口
单继承
interface Person { names: string; } interface Man extends Shape { age: number; } // 继承了 Person 的属性 Man.names = "zlx"; Man.age = 5;
多继承
interface Color { colors: string; } interface Person { names: string; } interface Man extends Color, Person { age: number; } const a: Man = { colors: 'yellow', names: 'zlx', age: 18 };