1、TypeScript初探

2018-10-27  本文已影响0人  MingJiang3

1、安装

配置淘宝源:npm config set registry https://registry.npm.taobao.org/

安装TypeScript:npm install typescript    (全局安装也行)

安装这个使node支持ts:npm install ts-node    (全局安装也行)

(ts-node安装完后记下安装的路径,要用)

2、调试

目录结构

在目录中创建一个文件夹,文件夹里面创建一个名字为 .vscode 的文件夹和一个 test.ts 文件,在 .vscode 文件夹内创建一个名为 launch.json 的文件,内容如下(自己格式化一下)

{"configurations": [{ "name": "ts-node", "type": "node", "request": "launch","program": "注意看这里,要写成ts-node对应的可执行文件,Windows 用户写成 ${workspaceRoot}/node_modules/ts-node/dist/bin.js", "args": ["${relativeFile}"], "cwd": "${workspaceRoot}", "protocol": "inspector" } ]}

 test.ts 文件内容: console.log('hello qq')


切换到 test.ts ,找到调试选项(小虫子图标),选择 ts-node,然后点击调试,就能看到结果(如果路径报错,就先装个webpack,再装 ts 和 ts-node)

示例

2、tsc编译:tsc 作用就是把 ts 变成 js,浏览器才能识别

在命令行上,运行TypeScript编译器:tsc 文件名,就可以编译 ts 文件,如下图

多出一个js文件

 给 person函数的参数添加: string类型注解,则 user 只能是字符串或 undefined

string类型注解

3、接口(好像不支持函数)

接口怎么定义,里面就怎么用。也就是在实现接口时候只要保证包含了接口要求的结构就可以,而不必明确地使用 implements语句。


4、类

有public

在构造函数的参数上使用 public 等同于创建了同名的成员变量。如下图

没有public

如果是按 Person 来规定 greeter 函数,就不能用 fullName

中文官网:    https://www.tslang.cn/docs/home.html

上一篇下一篇

猜你喜欢

热点阅读