typescript入门笔记(1)

一、安装

npm install -g typescript

检查是否安装成功命令

typescript入门笔记(1)

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

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

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

typescript入门笔记(1)

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

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

typescript入门笔记(1)

2.修改tsconfig.json文件

typescript入门笔记(1)

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

typescript入门笔记(1)

三、ts中的数据类型

typescript入门笔记(1)
typescript入门笔记(1)
typescript入门笔记(1)

ES5中的继承

1.对象冒充继承

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

typescript入门笔记(1)

2.原型链继承

缺点:无法给子类传参

typescript入门笔记(1)
typescript入门笔记(1)

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

typescript入门笔记(1)

typescript中实现类的继承

typescript入门笔记(1)

typescript中的接口

typescript入门笔记(1)

typescript封装ajax

typescript入门笔记(1)