客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
|
介绍我在初学 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。
|
请发表评论