typescript-学习使用ts-3
函数
函数参数
- 参数及返回值类型
function add(x: number, y: number): number {
return x + y
}
- 可选参数
function add(x: number, y?: number): number {
return x + 10
}
- 默认参数
function add(x: number, y: number = 20): number {
return x + y
}
- 剩余参数
function sum(...args: number[]): number {
let ret: number = 0
args.forEach((item: number): void => {
ret += item
})
return ret
}
sum(1, 2, 3)
箭头函数
- 基本示例
let add = (x: number, y: number): number => x + y
for-of 循环
- for 循环
- forEach
- 不支持 break
- for in
- 会把数组当作对象来遍历
- for of
- 支持 break
类型推断(Type Inference)
类型兼容性
模块
概念
模块通信:导出
export default xxx
export const foo: string = 'bar';
export const bar: string = 'foo';
模块通信:导入
// 加载默认成员
import xxx from '模块标识'
// 按需加载模块成员
import {foo, bar} from '模块'
TypeScript 总结
- TypeScript 是什么
- 变量声明
- var
- let
- const
- 基本数据类型
- 布尔值
boolean
- 数字
number
- 字符串
string
- 数组
number[]
或者Array<number>
- 元祖
[number, string]
- 对象
object
,了解即可 - 任意类型
any
- 函数空返回值
void
null
和undefined
- 布尔值
- 接口
- interface
- 解构赋值
- 数组解构
- 对象解构
- 展开操作符
- 展开数组
- 展开对象
- 类
- 基本语法
- 构造函数
- 继承
- 属性修饰符
- 属性的 get 和 set
- 函数
- 参数
- 箭头函数
- for-of 循环
- 模块
- 导出
- 导入
♪(^∇^*)♪(^∇^*)(~ ̄▽ ̄)~有没有感觉很棒呀!!!(#^.^#),(*^▽^*)O(∩_∩)O哈哈~