文章分类 -  typescript

tsconfig匹配解析
摘要：{ "compilerOptions": { /* Basic Options */ "target": "es5" /* target用于指定编译后js文件里的语法应该遵循哪个JavaScript的版本的版本目标: 'ES3' (default), 'ES5', 'ES2015', 'ES2016 阅读全文
posted @ 2022-06-23 18:19 韩Jeor 阅读(98) 评论(0) 推荐(0)
ts自动编译和手动编译
摘要：//手动编译 创建一个ts后缀的文件，在文件所在的文件夹执行命令行：tsc demo.ts[文件名] 就会编译为一个js后缀的文件，可以直接在html文件中引入名称.js文件 //自动编译 配置了tsconfig.json文件之后可以直接tsc进行编译 1、生成配置文件tsconfig.json t 阅读全文
posted @ 2022-06-23 18:18 韩Jeor 阅读(1270) 评论(0) 推荐(0)
ts接口
摘要：接口是对象的状态（属性）和行为（方法）的 抽象（描述） 接口是一种类型，是一种规范，是一种规则，是一种能力，是一种约束 readonly VS const 最简单判断使用readonly还是const的方法是看要 把他作为变量还是作为一个属性，作为变量的使用const。作为属性的使用readonly 阅读全文
posted @ 2022-06-23 18:16 韩Jeor 阅读(189) 评论(0) 推荐(0)
ts安装和初识
摘要：ts是一种由微软开发的开源、跨平台的编程语言，它是js的超集，最终会编译为js代码。ts代码没法直接在浏览器使用，通过ts自己的编译器，把ts的代码编译为js代码，这样就可以正常被解析出来了。 2012年10月，微软发布了首个公开版本的ts,2013年 6月19日，在经历了一个预览版之后微软发布了正 阅读全文
posted @ 2022-06-23 18:16 韩Jeor 阅读(631) 评论(0) 推荐(0)
ts中泛型
摘要：在定义函数或者是类时，如果遇到类型不明确就可以使用泛型 泛型 function fn(a:any):any{ return a; } //在定义函数或者是类时，如果遇到类型不明确就可以使用泛型 function fn<T>(a:T):T{ return a; } //可以直接调用具有泛型的函数 le 阅读全文
posted @ 2022-06-23 18:15 韩Jeor 阅读(199) 评论(0) 推荐(0)
ts中接口的作用
摘要：对批量方法传入参数进行约束 接口：行为和动作的规范，对批量方法进行约束 //传入对象的约束 属性接口 interface FullName{ firstName:string;//注意;结束 secondName:string; } function printName(name:FullName) 阅读全文
posted @ 2022-06-23 18:13 韩Jeor 阅读(188) 评论(0) 推荐(0)
ts里的三种修饰符
摘要：1、public：公有，在类里面、子类、类外面都可以访问 2、protected：保护类型，在雷里面、子类里面可以访问，在类外部不能访问 3、private：私有，在类里面可以访问，子类、类外边不能访问 属性如果不加修饰符默认是公有（public） class Person{ name:string 阅读全文
posted @ 2022-06-23 18:12 韩Jeor 阅读(1111) 评论(0) 推荐(0)
webpack打包typescript
摘要：新建一个文件夹，直接把pageage.json和webpack.config.js和tsconfig.json粘进去，npm i安装依赖 使用Webpack打包ts代码 首先在项目目录下执行npm init -y生成package.json 在package.json文件中新增一句 "scripts 阅读全文
posted @ 2022-06-23 18:11 韩Jeor 阅读(144) 评论(0) 推荐(0)