typescript

定义
JavaScript的超级类型,包含
ES6;
静态类型语言,类型检查,接口、oop非常完善;
可以编译成JavaScript在浏览器运行
安装
npm i typescript -g

tsc常用命令
tsc --init 初始化项目
tsc ./src/xxx.ts 编译某个文件
tsc -w 检测变化并编译

tsconfig.json修改


image.png

ts常见类型
boolean布尔类型
let b:boolean=true;
number数字
let num:number = 20;
string字符串
let str:string = "武汉";
数组
let arr:number[] =[1,2,3,4];
let arr2:Array<string> = ['我','喜','欢','瓜'];
let arr3:any[]=["abc",456];
任意any
let notSure:any[]=["123","abc",456];
没有返回void
function fun():void{};
null类型只能是null
let n:null = null
undefined没有定义
let u:undefined =undefined

接口


image.png

实现接口


image.png

使用


image.png

函数
函数返回值
function fun():void{}
无返回值
function fun():string{}
返回字符串类型
[一旦定义了返回类,在函数内部必须要返回该类型]

参数
参数指定类型
function add(a:number,b:number):number{xxxxx}
参数可选
function add(a:number,b?:number):number{xxxxx}
参数默认值
function add(a:number,b:number=10):number{xxxxx}
箭头函数
let add(a:number,b:number):number=>a+b

访问修饰关键词
1.修饰词既可以修饰属性,也可以修饰方法
[图片上传中...(image.png-1484b7-1588007490371-0)]

public默认修饰符,代表公开的
①class内部可以访问
②子类可以访问
③实例也可以访问

4.private私有的
①class内部可以访问
②子类不会继承(不能访问)
③实例不能访问

5.protected保护的
①class内部可以访问
②子类会继承,也可以访问
③实例不能访问

6.存储器
[在设置或者访问对象某个属性时,可以做一些额外操作
实现的封装,私有变量的隐藏]

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 定义 JavaScript的超级类型,包含ES6; 静态类型语言,类型检查,接口、oop非常完善; 可以编译成Ja...
    含含要暴怒阅读 376评论 0 1
  • typescript 定义 type类型+ES6 javascript的超级 包含ES6 静态类型语言 类型检查,...
    char1阅读 202评论 0 0
  • 一.定义 1.type类型+ES6 2.javascript的超级 3.包含ES6 4.静态类型语言 5.类型检查...
    耶啵_阅读 250评论 0 1
  • typescript知识基础 typescript定义 type类型+ES6 java...
    中伟_3bef阅读 213评论 0 2
  • 以下为学习极客时间 《TypeScript 开发实战》的学习记录。 TypeScript 环境配置 安装 ts: ...
    微微笑的蜗牛阅读 662评论 0 50