ts

第一章、定义变量

指定类型就在给这个变量赋值能赋值指定类型的值

// 1.声明变量,
let dName: string = '泰嘉'
console.log(dName);
// dName = 11 //这里报错 说这个number类型不能赋值给string

第二章、数据类型

// 1.字符类型 `` ''
let ddName: string = '貂蝉'

console.log('-------------------');
// 2. 数据类型[number]
let dAge: number = 12
dAge = 19.2
dAge = -10

console.log('-------------------');
// 3.布尔值类型[boolean] true /falsea 
let inSingDong: boolean = true
inSingDong = false

console.log('-------------------');
// 4.udefind 和null
let undef: undefined = undefined
let nul: null = null

console.log('-------------------');
// 5.数组[Array]
// 字符串了类型的数组
let footerArray: string[] = ['苹果', '香蕉', '车厘子', '栗子']
console.log(footerArray[0]);

// 数字类型的数组[number]
let priceArray:number[]=[12,12,23,34]


// 泛型类型的数组写法
let footerAge: Array<string> = ['大桥', '悟空', '典韦']

console.log('-------------------');
// 6.元组[tuple] :概念:就是一个规定了元素数量和每个元素类型的数组
let tupArray: [string, number, boolean] = ['你好', 11, true]
tupArray = ['哈哈', 23, false]
// 访问元组 和长度
console.log(tupArray[0]);
console.log(tupArray.length);

console.log('-------------------');
// 7.枚举[enum],定义标识符
// 创建性别枚举
enum Gender {
  boy = 1,
  giler = 2,
  qita=3
}
 console.log(Gender.boy);
 console.log(Gender.giler);
console.log(Gender.qita);
//  使用枚举
let userGender:Gender=Gender.boy
console.log(userGender);
if (userGender === Gender.boy) {
  console.log('相等');
} else {
  console.log('不相等');
}
 
console.log('-------------------');
// 8.任意类型[any] 一般用在dom操作
let getDom:any=document.getElementById('container')


// 9.没有返回值类型[void],一般用在没有返回值的函数
//9.1 有返值类型的函数
function sayName(): string{
  return '你好'
}
let res1 = sayName()

// 9.2 无返回值类型的函数
function sayHi2(): void {
  console.log('哈哈');
}
 sayHi2()


// 10.不存在值的类型[never] 一般用在抛出错误或者无限循环的函数返回值的类型
function test(): never {
   while (true) { }
}
 
function test2(): never {
  throw new Error('哈哈')
}
// never值可以赋值给任意类型的值


// 11.数据类型推断
// 概念:如果变量的声明和初始化时在同一行,可以省略变量类型的声明
// eg: 
let num1 = 19 //如果给变量重新赋值就会报错


// 12.联合类型
// 概念:表示取值可以为多种类型中的一种
// eg:
let Dom1: string | null = prompt('请输入内容')
console.log(Dom1);

第三章、函数

// 1.函数 有返回值类型
function sayHi(): string{
  return '哈哈'
}
let ret: string = sayHi();
console.log(ret);

// 2.函数形参 类型 无返回值
function jumpSan(cityName: string): void {
  console.log('你要去哪里'+cityName);
}
// 注意:
// 2.1 ts中实参和形参必须一致
jumpSan('昆明')


// 2.2 ts中形参和实参数量必须一致
jumpSan('南京')


// 2.3.可选参数 用?号表示可选参数不用传递
function sayHi1(num1?: number): void {
   console.log('数字'+num1);
}
sayHi1()
 

// 2.4 默认参数 可以不用传递实参，也可以传递参数，不传递参数使用默认参数
function number1(num1: number = 1, num2: number = 2): number{
  return num1+num2;
}
let res: number = number1()
console.log(res);

// 2.5 剩余参数 数量不确定的参数
function add(x: number, y: number, ...resFname: number[]) {
  // 创建一个求和变量，保存x+y的结果
  let result:number=x+y
  // 使用for of 循环数组里面剩余的元素
  for (let els of resFname) {
    result+=els
    console.log('结果是:'+result);
  }
}
add(1, 2)
add(1,2,4,54,64)
// 特点：
// 1.剩余参数 只能定义一个
// 2.剩余的参数只能定义为数组
// 3.剩余的参数只能定义在形参列表最后

第四章、类

class City{
  // 成员变量
  name: string
  age: number
  // 构造函数
  constructor(cname: string, cage: number) {
    this.name = cname
    this.age=cage
  }
  about() {
    console.log(`姓名:${this.name},年龄:${this.age}`);
  }
}
// 创建对象
let c1 = new City('李飞', 18);
console.log(c1.name);//访问变量
c1.about()//调用方法