ts笔记
文章平均质量分 81
ts学习笔记
·某某·
嗯嗯
展开
-
四、TS面向对象
class 类名 {属性名 : 类型;constructor(参数 : 类型) {this . 属性名 = 参数;} 方法名() {... . } }console . log(` 大家好,我是 ${ this . name } `);} }${this.console . log(` 大家好,我是 ${ this . name } `);} }}console . log(` 大家好,我是 ${ this . name } `);} }转载 2022-09-06 18:35:13 · 200 阅读 · 0 评论 -
三、webpack打包TS项目
TS同样也可以结合构建工具一起使用,下边以webpack为例介绍一下如何结合构建工具使用TS;以使其可以兼容到更多的浏览器,在上述步骤的基础上,通过以下步骤再将babel引入到项目中;对于例如:Promise等ES6特性,TS无法直接转换,这时还要用到babel来做转换;将服务器与项目相关联,当项目中内容修改时,服务器自动的重新构建,浏览器重新刷新结果。虽然TS的target在编译时也支持代码转换,但是只支持简单的代码转换;来启动开发服务器 ,此时修改项目中文件,项目实时更新。,配置可以根据自己需要。原创 2022-09-06 17:03:38 · 1344 阅读 · 0 评论 -
二、TypeScript编译选项
可选值: ES5、ES6/ES2015、ES7/ES2016、ES2017、ES2018、ES2019、ES2020、ESNext、DOM、WebWorker、ScriptHost …默认情况下,编译后的js文件会和ts文件位于相同的目录,设置outDir后可以改变编译后文件的位置。:指定代码的根目录,默认情况下编译后文件的目录结构会以最长的公共目录为根目录,通过rootDir可以手动指定根目录。可选值:CommonJS、UMD、AMD、System、ES2020、ESNext、None。原创 2022-09-05 18:58:53 · 1834 阅读 · 0 评论 -
一、初识TypeScript
而ts解析器又是由node编写的,所以我们要先装一个node环境;也可以使用字面量去指定变量的类型,通过字面量可以确定变量的取值范围。浏览器中目前只能运行js文件,所以需将ts文件解析成js文件;对ts文件进行编译(执行tsc xx.ts)3.使用npm全局安装typescript。解析ts文件我们需要下载一个ts解析器;4.创建一个ts文件(xx.ts)1.下载Node.js。2.安装Node.js。object(没啥用)原创 2022-09-05 16:41:37 · 273 阅读 · 0 评论