TypeScript

1.声明

语法:
let:类型 = 值(也可不赋初值)

1.1.变量声明

以关键字let开头的声明引入变量,该变量在程序执行期间可以具有不同的值

let hi:string = 'hello'
hi = 'hello,you'

语法:

let 变量名:数据类型 = 初始值
let 变量名:数据类型

1.2.常量声明

以关键字const开头的声明引入只读常量,该常量只能被赋值一次。

const hello:string = 'hello'

语法:

const 变量名:数据类型 = 值
若是对常量重新赋值会造成编译时错误

1.3.自动类型推断

如果一个变量声明时并未指定他的类型,但是给定了初始值,则TS就会根据给定的值进行自动类型推断

let hi = 'hello' // Ts会自动类型推断为String类型,若赋值其它类型的值会编译错误

2.类型

2.1.Number类型

TS提供number和Number类型,任何整数和浮点数都可以被赋给此类型的变量。

let num:number = 3.14

2.2.Boolean类型

boolean类型由true和false两个逻辑值组成。
通常在条件语句中使用boolean类型的变量

let isDone:boolean = false;
if(idDone){
console.log('Done!')
}

2.3.String类型

let s1:string = 'hello'

2.4.Array类型

array,即数组,是由可赋值给数组声明中指定的元素类型的数据组成的对象

let arr:number[] = [1,2,3,4]

语法:
let 变量名:数据类型[] = 值

2.5.Enum类型

enum类型,又称为枚举类型,是预先定义的一组命名值的值类型,其中命名值又被称为枚举常量
使用枚举常量时必须以枚举类型名称为前缀

enum colorSet = {Red,Green,Blue} //也可以赋值
let c:colorSet = colorSet.Red

2.6. undefined类型

表示变量未被声明就被使用

2.7.nulll

表示变量被声明了但并未赋初值

3.语句

3.1 If语句

3.2.Switch语句

3.3.For语句

for in :
可以遍历数组,得到索引值
也可遍历对象,得到键名
for of:
用于遍历数组,得到值

4.函数

4.1.函数声明

语法:
function 函数名(参数:类型,参数:类型):返回类型{
函数体
}

4.2.可选参数

可选参数就是在参数变量后加一个?表示这个参数传不传都可

语法:
function 函数名(参数?:类型,参数:类型):返回类型{
函数体
}

4.3. 返回类型

函数的返回类型可以是上述所列类型中的一种,若是函数没有返回值,则可以设置为viod(表示没有返回值)

4.4.箭头函数

语法:
let 变量名 = (参数:类型,参数:类型)=>返回类型

5.类

在TS种,有两种创建对象的方式:
1.直接进行字面量方式进行创建

 let 变量名 = {键名:值}

2.使用类的方式+new对象的方式(可以大规模的创建很多对象,可以被作为一个模板,集中产出对象)

 class 类名{
 属性:值
 constructor(参数:类型){
 函数体
 }
 方法名(){}
}
创建对象:
let 变量:类名 = new 类名()

5.1静态属性

静态属性(方法),也称为类属性。
使用静态属性无需创建实例,通过类即可直接使用
静态属性(方法)使用static开头

  • 如果类中的方法以static开头的话,就是静态方法也就是类方法,只能被类调用,实例不能调用
  • readonly 表示只读属性,无法修改
  • public默认公共的 私有属性private,外部要想访问,则要使用get,set方法
     //set用于修改private的属性
        setAge(value:number):number
        {
          if(value>1){
            return this.age = value;
         }
      }
    //get方法,用来得到private属性
      getAge():number{
         return this.age
           或者 this.age = 1
      }

5.2类的继承(extends)

一个类可以对另一个进行继承,被称为子类和父类,继承后子类将拥有父类种写的所有东西

  class Animal{
       name:string;
       age:number;
       constructor(name:string, age:number){
           this.name=name;
           this.age=age;
       }
       sayHello(){
           console.log('动物在叫~')
       }
   }

子类继承父类
如果在子类中添加了和父类相同的方法,则子类会覆盖父类的方法
子类覆盖父类方法的形式,称为方法重写

class Dog1 extends Animal {
    run(){
        console.log(`${this.name}在跑`);
    }
    sayHello(){
        console.log('汪汪汪~')
    }
}
class Cat extends Animal {
    sayHello(){
        console.log('喵喵喵~')
    }
}

注意:
当子类中有constructor方法时,会覆盖父类的constructor方法,必须在子类中对父类中的构造器进行显式调用

constructor(参数:类型){
super(父类的参数)
子类函数体
 }

类的继承最重要的是实现多态关系
let b:父类型 = new 子类型()

5.3抽象类

当一个类前有abstract关键字时,代表当前类是抽象类,抽象类是专门用来被其他类所继承的类,它只能被其他类所继承不能用来创建实例

5.4抽象方法

使用abstract开头的方法叫做抽象方法,抽象方法没有方法体只能定义在抽象类中,继承抽象类时抽象方法必须要实现(子类必须对抽象方法进行改写)

6. 类型声明(Type)

描述一个对象的类型,不可以重复声明

type  myType ={
    name:string,
    age:number
};
let obj:myType = {值}

7.接口(interface)

接口的作用类似于抽象类,不同点在于: 接口中的所有方法和属性都是没有实值的,换句话说接口中的所有方法都是抽象方法;

接口主要负责定义一个类的结构
接口可以去限制一个对象的接口:对象只有包含接口中定义的所有属性和方法时才能匹配接口;

同时接口也可以当作类型声明用,接口可以重复声明

interface myInterface{
    name:string,
    age:number
}
interface myInterface{
    gender:string
}

const obj:myInterface ={
    name:'1',
    age:20,
    gender:'male',
}

同时,可以让一个类去实现(implements)接口,实现接口时类中要保护接口中的所有属性;

class MyClass implements myInter{
    name:string;
    constructor(name:string){
        this.name = name
    }
    sayHello() {
        console.log('1111')
    }
}

8.泛型

定义一个函数或类时,有些情况下无法确定其中要使用的具体类型(返回值、参数、属性的类型不能确定);
此时泛型便能够发挥作用;

//T可以传任意类型,加大了代码可复用性
   function test<T>(arg: T): T{
       return arg;
   }

9.this关键字

关键字this只能在类的实例方法中使用。
示例

class A {
  count: string = 'a'
  m(i: string): void {
    this.count = i;
  }
}

关键字this的指向:
●调用实例方法的对象
●正在构造的对象

  • 12
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值