typescript

typescript:

  typescript 是一种给 javascript 添加特性的语言扩展

  1,安装全局 typescript 插件:

    指令:npm i -g typescript

  2,创建 ts 文件

  3,指令:tsc index . ts

    会生成一个跟你 ts 同名的 js 文件

Hbulider 自动编译 ts 文件

  1,安装插件 typescript

    typescript_第1张图片

    typescript_第2张图片

    typescript_第3张图片

  2,下载完成之后重启

  3,工具-选项-应用

    typescript_第4张图片

  4,点击最顶层目录,配置-

   typescript_第5张图片

 typescript 语法:

  1,数据类型

    在 js 中数据类型,决定变量 = 右边的值

    使用 let 声明的变量,在声明变量的时候同时指定变量的类型

    语法:

      let a :数据类型 = ' 赋值 '

         let a :string = ' 123 '

  2,string 

    let b : string = 'hello '

  3,Boolean

    let b : boolean = true

  4,number

    let b : number = 123

  5,数组类型

    在数据类型后面加 [ ] ,代表数组中里面的元素都是该类型

    let aa : number [ ] = [ 1, 2, 3 ]

    第二种方法使用数组泛类型 Array < 数据类型 >

    let b : Array < string > = [ 'tan' , 'ya', 'ning' ]

  6,元祖类型

    当数组中的元素是有限个,我们可以使用元组类型,每个元素的数组类型可以不相同

    let b : [ string, number, boolean ] = [ 'tan', 111, true ]

  7,枚举类型

    枚举类型是 C 语言中的一种基本数据类型

    可列举的元素并且用一些对应编号,一一对应,一般用在存储星期,性别,颜色等

    默认从 0 开始,后面的叠加;

    先定义枚举,才能使用枚举

    enum color { red, blue = 22, plum }

     let c1 : color = color.red  //读取编号

     let c2 : string = color [ 22 ]  //读取元素

    console.log( c1, c2)  // 0 'blue'

  8,任意类型 any

    let b : any = true

  9,空类型 void

    没有类型,往往用于函数返回值

  10,null 和 undefined 类型

  11,never 类型

    主要用在抛出错误上

  12,非原始类型 object

    

  * 函数类型

    function add( x : number, y : number) : number{

      //   x,y:number代表变量的数据类型 

      //   number代表函数返回值的数据类型

      return x+y;

    }

    add(1,2)

  * 匿名函数定义一个函数类型

    let adds = function( x : number , y : number ) : number {

        return  x + y

    }

  命名函数 = 声明式定义

    function fn() { }

  匿名函数

    var fn2 = function () {}  

  参数

    typescript_第6张图片

  没有数据类型

    typescript_第7张图片

  匿名函数的定义

   

  sf 会被后面的函数所约束

  箭头函数前面的是约束

       

  可选参数:

    使用 ? 来实现可选参数的功能,注意,可选参数一定放在最后面

    typescript_第8张图片

  默认参数:

    默认值后面用 = ,给参数赋值

    typescript_第9张图片

    不传值,或者 undefined 的时候都走默认值 ‘hello’

    有值的话就走值

  ...运算符

    typescript_第10张图片

  函数重载:

    在 js 中是不存在函数重载的,但是有函数重写

    函数重载----

      函数名相同,根据参数类型来决定使用哪个参数

      

    函数重写---

      在 js 中,一旦变量名同名,后者会把前者覆盖

      

    定义了两个函数类型,没有实现函数功能

      typescript_第11张图片

    定义类:

      1,ts 定义类,首先如果有属性一定要提前定义属性指定数据类型,不加修饰符默认public

      2,ts 中的类没有原型这个概念

      3,new 实例的时候,就是调用这个构造函数

      4,方法中的 this 指向实例对象

                      typescript_第12张图片

   类的继承:

    extends 和 super 关键字

    多态:对父类的方法重写,并且子类之间的这个方法表现不一致,这叫多态

        或者,父类定义一个方法没有实现,由子类去实现,并且表现不一样,这也叫多态

    类中的修饰符:

       public · 公共的 

        当没有在属性或方法前加修饰符的,默认是public,在任何地方都可以访问

        类里,类外,子类都可以访问

      protected · 受保护的

        类里,子类可以访问,类外面不能访问

      private · 私有的

        类外,子类都不能访问

      static · 静态属性

        类上面的属性就叫静态属性

        访问静态属性:类.属性名

   抽象类 abstract :

    1,作为其他子类的基类 

    2,抽象类不能被实例化

    3,使用 abstract 关键字定义抽象类和抽象方法

    4,抽象类中的抽象方法不包含具体实现,在他的派生类中实现

抽象类就是给子类指定一些约束条件;实现抽象类的子类的时候必须包含抽象类中的所有属性
实现抽象类的子类,使用关键字 extends

    5,派生类必须实现抽象类的抽象方法,普通方法不用重写;子类继承抽象类和类的继承用法一致,唯一的区别就是抽象方法子类必须实现

     typescript_第13张图片

   接口 interface :

    接口 和 抽象类 都是一种对事物的约束

    抽象类只能约束类,接口可以约束的条件就多了

    接口就是制定一种规范,我们如果要实现接口,就得按照这个规则来

    制定属性规范  

      使用关键字 interface 来定义接口

      1,制定属性接口

        可选属性,? 在属性后面直接加? 就可以了

        typescript_第14张图片

      2,实现函数类型接口

        typescript_第15张图片

      3,定义带索引的类型

        typescript_第16张图片

      4,定义对象接口数据类型

        typescript_第17张图片

      5,定义类的类型接口

        ·定义类的接口类,里面的方法不能实现

        ·使用关键字 implements 

        ·在类中实现接口中的方法

         typescript_第18张图片

  接口的继承:

     typescript_第19张图片

 

你可能感兴趣的:(typescript)