首先学习识别已有的js库的类型 识别已有的js库的类型 UMD既可以作为全局库使用,也可以作为模块使用 先在着手来编写一个全局的库 新建文件 接收一个title,改变页面title的值 这里用到 &&的特性,如果操作符两边的条件都为true,那他的返回值才是true 如果第一个为false了,所以它肯定也不是true,后面的逻辑不会走,利用这个特性可以简化我们的代码,就不用写if document是否为空的判断了 这句话的意思就是如果document为真才会执行后面的语句 如果docume…

ts编辑器会将名字相同的多个声明合并为一个声明,合并后的声明,同时拥有多个声明的特性 example文件夹下新建merging.ts文件 定义相同名字的接口, 定义变量类型是上面的接口.,光写一个name属性报错,提示缺少age属性 把name和age同时加上才这个类型就不会报错了 命名空间.类型.值的声明 补充 命名空间实际上是创建了一对象,这个对象我们在js里面是可以用的  合并接口 定义的非函数的成员,命名应该是不重复的 如果这总重复定义了name值就会报错 两个的类型都是stirng才可…

ECMAScript 6 入门:http://es6.ruanyifeng.com/ 官网:http://www.typescriptlang.org/ 中文网:https://www.tslang.cn/ TypeScript完全解读(26课时)_汇总贴 https://segmentfault.com/ls/1650000018455856?utm_source=recommend_web-live-new TypeScript完全解读(26课时)_1.TypeScript完全解读-开发环境…

6.TypeScript完全解读-泛型 创建实例ts文件generics.ts 在index.ts内引入 fill是填充数组,创建的数组的元素数是times,填充的值就是接收的value的值 这里传入一个2的数量,这样返回的就是5个2的数组 返回每个都+1的结果 返回每个元素的length这样就是有错误的,因为我们的数值类型是没有length这个属性的 传入字符串,是有length属性的 虽然是可以,但是丢失了类型的检测.这里我们就需要用到泛型 使用泛型约束函数的类型 泛型变量T,调用函数的时候…

1.TypeScript完全解读-开发环境搭建 初始化项目 手动创建文件夹 D:\MyDemos\tsDemo\client-demo 用VSCode打开 npm init:初始化项目 然后我们的项目根目录就多了个package.json的文件 创建相关目录文件夹 untils:业务相关的,可服用的方法 assets:主要放静态资源 img:图片 font:字体文件 tools:业务无关的纯工具的函数 api:把一些可以复用的接口请求的方法,放在api文件夹下 config:一般放配置文件,把一…

2.TypeScript完全解读-基础类型 src下新建example文件夹并新建文件.basic-type.ts.截图中单词拼错了.后需注意一下是basic-type.ts 可以装tslint的插件,配合tslint可以做到很好的代码提示 boolean类型 boolean表示布尔类型 这里我们用let声明了一个变量bool的类型是boolean布尔类型的.可以先给他赋值, 第二行是先声明后赋值的形式 上面声明了bool为布尔类型的,后面再赋值123的话就会报错 有提示的错误 123是数字自变…

11.TypeScript完全解读-类型推论和兼容性 在一些时候省略指令,ts会帮我们推断出省略的类型的地方适合的类型,通过学习ts的类型推论了解ts的推论规则 类型兼容性就是为了适应js灵活的特点,从而在一些情况下只要兼容的类型即可通过检测 创建文件并在index.ts中引入 类型推论 这里定义的name没有给他制定是什么类型的值,赋值一个字符串,ts就会给我们推断出name可能是想要一个字符串的类型 当我们再给这个name赋值一个数值类型就会报错 了. 多类型联合 我们不制定类型,ts会自动…

12.TypeScript完全解读-高级类型(1) 高级类型中文网的地址:https://typescript.bootcss.com/advanced-types.html 创建新的测试文件 index.ts内引入 交叉类型 交叉类型就是取多个类型的并集 Object.assign就是合并两个对象,包含两个对象各有的属性,合成一个总的对象 定义的函数也是接收两个对象,最后返回两个对象合并后的结果. 返回值里既包含arg1,也包含了arg2的属性 所以返回的类型就可以用交叉类型来返回: T &…

4.TypeScript完全解读-接口 初始化tslint tslint --init:初始化完成后会生成tslint.json的文件 如果我们涉及到一些规则都会在这个rules里面进行配置 安装tslint的VSCode的拆件.因为我之前已经安装过了.左上角带个小星星,是推荐安装的 新建interface.ts文件.然后在index.ts内添加引用 视频中报的错误,我本机没有这个错误 提示错误,单引号应该是双引号,这个就是tslint的错误,一般是ts的错误后面前缀都是ts开头 把提示的那个错…

5.TypeScript完全解读-函数 新建function.ts.然后在index.ts内引用 给函数定义参数类型:上面是es5的写法 下面是ts6的写法 一个完整的函数类型.括号 箭头 number 现在给add赋值一个函数 如果参数传的是string那么就会报错了,类型不兼容 全局定义的arg3是不需要定义在函数里的 接口定义函数类型,讲接口的时候已经学习过了这里再来看一下 tslint推荐我们使用类型别名,一保存文件就变成了这种形式 也可以这么去定义,此时isString类型就等同于st…