1、 认识数

三种常见的基础数据类型：

string 字符串：描述信息

number 数字：计算

boolean 布尔：判断 （真、假）

2、存储数据

变量：专门用来存储数据的容器（可变）

// let 变量名: 类型 = 值

let title: string = '雪王大圣代'

let price: number = 7

let isSelect: boolean = true

常量

常量：用来存储数据 （不可变）

写法：const 常量名: 类型 = 值

const PI: number = 3.14
console.log('圆周率', PI)

const companyName: string = '华为'
console.log('公司名称', companyName)

命名规则

只能包含数字、字母、下划线、$，不能以数字开头

不能使用内置关键字或保留字 （比如 let、const）

严格区分大小写

3、数组

数组是一个容器，可以存储多个数据

let 数组名: 类型[] = [数据1, 数据2,...]

let names: string[] = ['张三', '李四', '王二']

 注意：数组指定的类型和存储的数据类型要必须一致，否则会报错

获取数组元素

console.log('取出李四', names[1])

注意：索引号是从 0 开始的

let names: string[] = ['张三', '李四', '王二']
console.log('数组names', names)

// 根据索引取数据
console.log('姓名：', names[0])

4、函数

函数是可以被重复使用的代码块。函数可以把具有相同或相似逻辑的代码“包裹”起来，有利于代码复用

基本使用

function 函数名() {
  函数体
}

函数名()

参数

参数的作用：函数能够接收和处理外部的数据，提高函数的灵活性和通用性。

无参数的函数

function sum() {
  let add: number = 10 + 20
  console.log('加法结果是', add)
}

sum()

带参数的函数

function sum(a: number, b: number) {
  let add: number = a + b
  console.log('加法结果是', add)
}

sum(1, 2)
sum(10, 20)
sum(100, 200)

• 实参：真实数据（函数调用时候的传入的真实数据）
• 形参：形式上的参数（函数定义时候写的参数）

返回值 

返回值作用：将函数的执行结果传递给其他部分使用（函数外部）

默认情况下，函数外部无法直接使用函数内部执行结果；如果想要在函数外部使用内部执行结果，需要将这个结果设置为函数的返回值

 关键字：return

function sum(a: number, b: number) {
  let add: number = a + b
  return add
}


let num: number = sum(5, 5)
console.log('函数返回值为', num)

5、箭头函数

箭头函数是 比普通函数 更简洁 的一种函数写法

let 函数名 = (形参1: 类型, 形参2: 类型) => {
  // 函数体
  // 1. 计算过程
  // 2. 返回结果
  return 计算的结果
}

函数名(实参1, 实参2)

let buy = (price: number, weight: number = 1) => {
  let result: number = price * weight
  return result
}

let apple: number = buy(2)
console.log('苹果', apple)

let banana: number = buy(4, 4)
console.log('香蕉', banana)

6、对象

作用：用于描述一个物体的特征和行为

对象：是一个可以存储多个数据的容器。

对象的定义&使用

通过interface接口约定 对象结构类型

interface 接口名 {
  属性1: 类型1
  属性2: 类型2
  属性3: 类型3
}

interface Person {
  name: string
  age: number
  weight: number
}

定义对象并使用：对象名.属性名

// 1. 定义接口
interface Person {
  name: string
  age: number
  weight: number
}

// 2. 基于接口，定义对象
let zhang: Person =  {
  name: '章若楠',
  age: 18,
  weight: 90
}

console.log('名字', zhang.name)
console.log('年龄', zhang.age)

let sy: Person =  {
  name: '宋轶',
  age: 19,
  weight: 88
}

console.log('名字', sy.name)
console.log('年龄', sy.age)

对象-方法

方法作用：描述对象的具体行为

约定方法类型

interface 接口名称 {
  方法名: (参数:类型) => 返回值类型
}

interface Person{
  dance: () => void
  sing: (song: string) => void
}

添加方法（箭头函数）

let zhang: Person = {
  dance: () => {
    console.log('章若楠说', '我来跳个舞')
  },
  sing: (song: string) => {
    console.log('章若楠说', '我来唱首', song)
  }
}


// 对象名.方法名（参数）
zhang.dance()
zhang.sing('爱在西元前')

7、联合类型

联合类型是一种灵活的数据类型，它修饰的变量可以存储不同类型的数据。

// let 变量: 类型1  |  类型2  |  类型3 = 值

let judge: number | string = 100

judge = 'A+'
judge = '优秀'

console.log('年终考试评价', judge)

// 联合类型可以将变量值约定在一组数据范围内进行选择
let gender: 'man' | 'woman' | 'secret' = 'secret'

8、枚举类型

枚举类型是一种特殊的数据类型，约定变量只能在一组数据范围内选择值。

enum 枚举名 {
  常量1 = 值,
  常量2 = 值,
  ......
}

// 1. 定义枚举 （定义常量列表）
enum ThemeColor {
  Red = '#ff0f29',
  Orange = '#ff7100',
  Green = '#30b30e'
}

// 2. 给变量设定枚举类型
let color: ThemeColor = ThemeColor.Orange
console.log('color', color)