typescript入门笔记(1)

一、安装

npm install -g typescript

检查是否安装成功命令

在这里插入图片描述

vscode中编写完ts文件后,将ts文件编译为js浏览器才能识别,

语法-----------------> tsc 文件名.ts

vcode中可能会报错,解决步骤如下

在这里插入图片描述

二、编译器实时编译ts文件为js文件

1.在项目文件夹下执行tsc --init命令

在这里插入图片描述

2.修改tsconfig.json文件

在这里插入图片描述

3.然后创建ts文件,在vscode中点击terminal---->run Task ----> typescript ---->tsc:watch-tscconfig.json就可以自动更新啦

在这里插入图片描述

三、ts中的数据类型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

ES5中的继承

1.对象冒充继承

缺点:不能继承父类原型上的属性和方法

在这里插入图片描述

2.原型链继承

缺点:无法给子类传参

在这里插入图片描述
在这里插入图片描述

3.原型链+对象冒充的组合继承方式

在这里插入图片描述

typescript中实现类的继承

在这里插入图片描述

typescript中的接口

在这里插入图片描述

typescript封装ajax

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/zxo_apple/article/details/106348870