网站制作推广SSL,广州四楚seo顾问,怎样辨别自己网站的好坏,画册专业设计公司基础数据类型
number
string
bolean
字面量 值本身#xff0c;例man,woman
any 任意类型
unknown 实际上就是一个类型安全的any
void 没有值或undefined
never 表示永远不会返回结果
object
ar…基础数据类型
number
string
bolean
字面量 值本身例man,woman
any 任意类型
unknown 实际上就是一个类型安全的any
void 没有值或undefined
never 表示永远不会返回结果
object
array// 基础类型(ts中变量一开始是什么类型后期赋值的时候只能用这个类型的数据是不允许用其他数据类型赋值给当前的这个变量)
(() {//布尔类型// 基本语法// let 变量名数据类型 值let flag: boolean trueconsole.log(flag)// 数字类型let a1: number 10 //十进制// 还有2进制 8进制 16进制// 字符串类型let str: string 小明let und: undefined undefined;let nul: null nullconsole.log(undefined和null都可以作为其他类型的子类型把undefined和null赋值给其他变量)// 数组类型(数组定义后里面的数据类型必须和定义数组的时候是一致的否则报错)// 数组定义方式1let arr1: number[] [10, 20, 30, 40, 50]// 数组定义方式2let arr2: Arraynumber [100, 200, 300]// 元组类型(在定义数组时类型和数据的类型一开始就限制了)let arr3: [string, number, Boolean] [小明, 100, true]// 枚举类型,枚举里面的每个数据值都可以叫元素每个元素都有自己的编号编号是从0开始的依次的递增1enum Color {red 3,green,blue}// 定义一个Color的枚举类型的白能量来接收枚举的值let color: Color Color.redconsole.log(color)console.log(Color.red, Color.green, Color.blue)console.log(Color[3])// 枚举中的元素可以是中文的数据值但是不推荐// any类型let str9: any 100str9 我是一个字符串// 当一个数组要存储多个数据个数不确定类型不确定此时也可以使用any类型来定义数组let arr: any[] [100, 字符串, true]// 缺点是不会有精确的报错信息// void类型在函数声明的时候小括号的后面使用void代表的是该函数没有任何的返回值function showMsg(): void {console.log(打印一下)return null}console.log(showMsg())// 定义一个void类型的变量可以接收一个undefined的值但是意义不是很大let vd: void undefinedconsole.log(vd)// object 类型// 定义一个函数参数是object类型返回值也是object类型function getObj(obj: object): object {console.log(obj)return {name: 卡卡西,age: 27}}console.log(getObj(String))// console.log(getObj(123)) 错误的// 联合类型Union Types表示取值可以为多种类型中的一种// 需求1定义一个函数得到一个数字或字符串值的字符串形式值// function getString(str: number | string): string {// return str.toString()// }// console.log(getString(123))// 需求2定义一个函数得到一个数字或字符串值的长度// 类型断言告诉编辑器我知道我自己是什么类型也知道自己在干什么// 类型断言的语法方式1:(类型)变量名// 类型断言的语法方式2 asfunction getString(str: number | string): number {// return str.toString().length// 如果str自身就是string类型那么是没有必要调用toString()方法的if ((stringstr).length) {// str.length存在吗如果存在也就说明str是string类型的return (stringstr).length} else {// 此时说明str是number类型return str.toString().length}}console.log(getString(12345))console.log(getString(012345))// 类型推断没有明确的指定类型的时候推测出一个类型// let txt 100// txt 字符串// console.log(txt)let txt2; //any 类型txt2 100txt2 这是一个字符串console.log(txt2)})()接口
// 接口:是一种类型,是一种规范,是一种规则,是一个能力,是一种约束
// 同时接口也可以当成类型声明去使用
// 接口可以重复声明,会合并,不能声明重复的属性
// 接口中所有的属性都不能有实际的值只定义对象的结构
(() {// 需求创建人的对象需要对人的属性进行一定的约束// id是number类型必须有只读的// name是string类型,必须有// age是number类型,必须有// sex是string类型,可以没有// 定义一个接口,该接口作为person对象的类型使用,限定过着是约束该对象中的属性数据interface Iperson {//readonly,让id只能读,不能改readonly id: numbername: stringage: numbersex?: string// ? 实现sex可有可无}// 定义一个对象,该对象的类型就是我定义的接口IPersonconst person: Iperson {id: 1,name: 小明,age: 18,sex: 女}console.log(person)// id属性,现在是可读可写的// person.id 100console.log(person)
})()函数类型 类
// 类可以理解为模板通过模板可以实例化对象
// 面向对象的编程思想
(() {// ts中类的定义及使用class Person {// 定义属性name: stringage: numbergender: string// 定义构造函数为了将来实例化对象的时候可以直接对属性的值进行初始化constructor(name: string, age: number, gender: string ) {// 更新对象的中属性数据this.name namethis.age agethis.gender gender}// 简写 k可以省去定义属性的步骤//constructor(public name: string ,public age: number ,public gender: string) {// 更新对象的中属性数据//this.name name//this.age age//this.gender gender//}// 定义实列方法sayHi(str: string) {console.log(大家好我是${this.name},今年已经${this.age}岁了是个${this.gender}孩子, str)}}// ts中使用类实例化对象可以直接进行初始化操作const person new Person(佐助, 18, 男)person.sayHi(你叫什么名字呀)
})()修饰符5个
// 修饰符(类中的成员的修饰符):主要是描述类中的成员(属性,构造方法,方法)的可访问性
// public修饰符 --- 公共的 可以在任意位置修改访问 默认
// private修饰符 ----私有的,只能在类的内部修改
// protected修饰符 ----受保护的,只能在当前类和当前类的子类中修改
// readonly只读
// static 静态方法
(() {// 定义一个类class Person {// 属性public 修饰了属性成员// public name : string// 属性 private 修饰了属性成员private name: string// 属性protected 修饰了属性成员// protected name: string// 构造函数public constructor(name: string) {// 更新属性this.name name}// 方法public eat() {console.log(嗯,这个骨头真好吃, this.name)}}// 定义一个子类class Student extends Person {// 构造函数constructor(name: string) {super(name)}play() {console.log(我就喜欢玩)}}// 实例化对象const per new Person(大蛇丸)// 类的外部可以访问类中的属性成员console.log(per.name)per.eat()
})()抽象类 abstract 开头的类是抽象类 抽象类不能用来创建对象,抽象类就是专门用来继承的类 abstract class Person {// readonly只读readonly name hhhstatic age aaasay() {console.log(say方法)}
}类配合接口的实用
// 类 类型 类的类型类的类型可以通过接口实现
(() {// 定义一个接口interface IFly {// 该方法没有任何的实现方法中什么都没有fly()}// 定义一个类型这个类的类型就是上面定义的接口(实际上也可以理解为IFly接口约束了当前的这个Person类)class Person implements IFly {fly() {console.log(我会飞了)}}// 实例化对象const person new Person()person.fly()// 定义一个接口interface ISwim {swim()}//定义一个类这个类的类型就是IFly和ISwim档期那这个类可以实现多个接口一个类同时也可以被多个接口进行约束class Person2 implements IFly, ISwim {fly() {console.log(我会飞2)}swim() {console.log(我会游泳啦2)}}// 实例化对象const person2 new Person2()person2.fly()person2.swim()// 总结类可以通过接口的方式来定义档期那这个类的类型// 类可以实现一个接口类也可以实现多个接口要注意接口中的内容都要真正的实现// 定义了一个接口继承其他的多个接口interface IMyFlyAndSwim extends IFly, ISwim { }// 定义一个类直接实现IMyFlyAndSwim这个接口class Person3 implements IMyFlyAndSwim {fly() {console.log(我会飞3)}swim() {console.log(我会游泳啦3)}}const person3 new Person3()person3.fly()person3.swim()// 总结:接口和接口之间叫继承(使用的是extends关键字)类和接口之间叫实现(使用的是implements)
})()类的继承
// 继承类与类之间的关系
// 继承后类与类之间的叫法
// A类继承了B这个类那么此时A类叫子类B类叫基类
// 子类 ----派生类
// 基类 ----超类(父类)
(() {// 定义一个类:作为基类(超类/父类)class Person {// 定义属性name: string //名字age: number //年龄gender: string //性别// 定义构造函数constructor(name: string, age: number, gender: string) {// 更新属性数据this.name namethis.age agethis.gender gender}// 定义实例方法sayHi(str: string) {console.log(我是:${this.name},${str})}}// 定义一个类,继承自Personclass Student extends Person {constructor(name: string, age: number, gender: string) {// 调用的是父类中的构造函数,使用的是supersuper(name, age, gender)}// 可以调用父类中的方法sayHi() {console.log(我是学生类中的sayHi方法)// 调用父类中的sayHi方法super.sayHi(哈哈)}}// 实例化Personconst person new Person(夏明, 89, 男)person.sayHi(嘎嘎)// 实例化Studentconst stu new Student(小红, 45, 女)stu.sayHi()// 总结:类和类之间如果要有继承关系,需要使用extends关键字// 子类中可以调整父类中的构造函数,使用的是super关键字(包括调用父类中的实例方法,也可以使用super)// 子类也可以重写父类的方法})()多态
// 多态:父类型的引用指向了子类型的对象不同类型的对象针对相同的方法产生了不同的行为
(() {// 定义一个父类class Animal {// 定义一个属性name: string// 定义一个构造函数constructor(name: string) {// 更新属性值this.name name}// 实例方法run(distance: number 0) {console.log(跑了${distance}米这么元的距离, this.name)}}// 定义一个子类class Dog extends Animal {// 构造函数constructor(name: string) {// 调用父类的构造函数实现子类中属性的初始化操作super(name)}// 实例方法重写父类中的实列方法run(distance: number 5) {console.log(跑了${distance}米这么元的距离, this.name)}}// 定义一个子类class Pig extends Animal {// 构造函数constructor(name: string) {// 调用父类的构造函数实现子类中属性的初始化操作super(name)}// 实例方法重写父类中的实列方法run(distance: number 10) {console.log(跑了${distance}米这么远的距离, this.name)}}// 实例化父类对象const ani: Animal new Animal(动物)ani.run()// 实例化子类对象const dog: Dog new Dog(大黄)// 实例化子类对象const pig: Pig new Pig(八戒)pig.run()// 父类和子类的关系:父子关系,此时,父类类型创建子类的对象const dog1: Animal new Dog(小黄)dog1.run()const pig1: Animal new Dog(小猪)pig1.run()// 该函数需要的参数是Animal类型的function showRun(ani: Animal) {ani.run}showRun(dog1)showRun(pig1)
})()泛型 在定义函数或是类时如果遇到类型不明确就可以使用泛型(默认大写) function fnK(a: K): K {return a;
}// 1,可以直接调用ts自动对类型进行推断
let result1 fn(10);
// 2 指定泛型
let result fnstring(hello)泛型可以同时使用多个 function fn2T, K(a: T, b: K): T {console.log(b)return a
}
let result3 fn2number, string(1, 1)限制泛型的类型 T extends Inter表示泛型T必须是Inter的实现类子类 interface Inter {length: number
}
function fn3T extends Inter(a: T): number {return a.length
}
fn3(123)
