Day167/200 自动执行TypeScript和interface、type 区别

前言

1、适合新手入门；
2、眼过千遍，不如手过一遍，看文档，我忘记了很多次；建议大家边看边运行Demo。
3、官网在线运行地址：https://www.typescriptlang.org/play

1、如何自动执行ts文件？

使用ts-node直接运行TypeScript代码

npm install -g ts-node
ts-node demo1.ts

2、函数的类型

即函数的返回值类型

function sanitizeInput(str: string): string {
    return str + ',arden';
}
console.log(sanitizeInput('hi'));

3、Interface和type的共同点和区别

1）共同点

都可以声明类型

interface Point {
    x: number;
    y: number;
}

//type Point {
//    x: number;
//    y: number;
//}


function printCoord(pt: Point) {
    console.log("The coordinate's x value is " + pt.x);
    console.log("The coordinate's y value is " + pt.y);
}

printCoord({ x: 100, y: 200 });

2)不同点

类型	拓展方式	表列 B
interface	通过extends 父类型拓展	可以向现有类型添加新字段
type	通过 父类型 &{} 拓展	不可以向现有界面添加新字段

参考链接

https://www.typescriptlang.org