8.TypeScript完全解读-ES6精讲-类(进阶) 在index.ts内引入 Food创建的实例赋值给Vegetabled这个原型对象,这样使用Vegetables创建实例的时候,就能继承到Food实例的方法 创建西红柿的实例,调用getType方法,获取到的就是Food这个实例里面的type的值就是food 在es6中类的继承要比这个简洁多了,es6中的类就是构造函数的一个语法糖 es6中类的继承 类的继承也是使用extends这个关键字 只有在调用super方法之后,你才可以使用thi…

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完全解读-开发环境…

ES6精讲 - 类Class基础 es5中创建构造函数和实例 原来在es5中的写法 定义好Point后,在原型对象上定义getPostion的方法 实例自身是没有这个方法的,我们调用的时候会去创建他的构造函数上原型上往上寻找 输出的结果 调用getPosition方法 es6中 有了类的概念用class去定义一个类. constructor是构造函数,this指向创建的实例.每个类的定义必须有constructor方法,若果你在定义类的时候没有写构造函数,它也会默认加上一个空的 getPosit…

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

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

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…

9.TypeScript完全解读-TS中的类 创建class.ts文件,并在index.ts内引用 创建一个类,这个类在创建好后有好几个地方都标红了 这是tslint的一些验证规则 一保存就会自动修复,视频中是可以修复的  估计我自己的电脑不一定会自动修复,这个错误的主要问题是属性和方法前面要加修饰符 表示它是公共的方法和属性 常见实例并输出 输出的结果 同样可以使用继承来封装一些特性 eslint的限制,一个ts文件里面只能定义一个类 所以就需要去掉这个限制 创建你分类,子类继承了父类,在里面…

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

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