• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript规则整理

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

介绍我在初学 TS 开发项目中遇到的一些问题,希望对你有所帮助~
 
因为我们的JavaScript是弱类型语言,如果项目过大,或者团队人数很多,不仅代码风格不统一,以后还会很难维护
 
 
 
 
接口(Interfaces)、泛型(Generics)、类(Classes)、枚举类型(Enums)等前端工程师可能不是很熟悉的概念
原始数据类型
 
布尔值
 
数值使用number定义数值类型
 
字符串
 
空值:js没有空值(void)的概念,ts可以表示没有返回值的函数
可以定义两个原始数据类型: undined和null是所有类型的字类型(可以给所有已经定义的类型赋值)
任意值:在任意值上访问任何属性都是允许的
在声明的时候,未指定类型,会被识别为任意值类型
类型推论:在没有明确指定类型的时候推测出的一个类型,就是类型推论
联合类型: 可以同时声明多个数据类型
只能访问联合类型的所有类型的共同属性和方法
 
对象的类型—接口
 
在面向对象的语言中,接口是一个很重要的概念,是对行为的抽象
接口一般首字母大写
定义的变量在接口中的变量多了少了都不行
可以不存在的属性可以设置
使用任意属性获取值,一旦定义了任意属性,可以确定属性和可选属性的类型必须是他的类型子集
readonlay 定义的属性是只读的
 

数组的类型 

有三种定义方式
1、类型加方括号表示 let fibonacci: number[] = [1, 1, 2, 3, 5]
这种会限制数组中的数据类型
2、数据泛型:let fibonacci: Array<number> = [1, 1, 2, 3, 5]
3、用接口表示数组
interface NumberArray {
[index: number]: number;
}
let fibonacci: NumberArray = [1, 1, 2, 3, 5]
接口可以来描述数组,情况比较复杂
Any在数组中的应用
 
 
函数的类型
 
注意不要混淆了 TypeScript 中的 => 和 ES6 中的 =>
在 TypeScript 的类型定义中,=> 用来表示函数的定义,左边是输入类型,需要用括号括起来,右边是输出类型。
在 ES6 中,=> 叫做箭头函数,应用十分广泛,可以参考 ES6 中的箭头函数
 
可选参数,输入多余的参数是不允许的,如何定义可选参数
剩余参数 可以使用rest的方式获取函数中的剩余参数,rest参数只能是最后一个参数
 
重载,允许一个函数接受不同数量或者类型的参数,作出不同的处理
 
AMD规范:异步加载机制规范, 非同步
CMD规范:只有加载完成,才能执行后面的操作,同步
 
Ts枚举类型概念来自c#
类的概念
静态属性,限制其作用域,声明的源文件中有效
 
TypeScript 可以使用三种访问修饰符(Access Modifiers),分别是 public、private 和 protected。
  • public 修饰的属性或方法是公有的,可以在任何地方被访问到,默认所有的属性和方法都是 public 的
  • private 修饰的属性或方法是私有的,不能在声明它的类的外部访问
  • protected 修饰的属性或方法是受保护的,它和 private 类似,区别是它在子类中也是允许被访问的
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript发布时间:2022-07-18
下一篇:
Typescript 查缺补漏发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap