Ts的基础知识

Posted 2022-10-29

1 基础知识

   1.1 作用：

   1.2 使用：

2 新语法

   2.1 类型：

   2.2 变量：

  与js不同的时，Ts需要声明变量类型，函数也有返回值，也可以不声明，就默认为any类型

//变量名：类型
var i:String="ssss";

   2.3 函数：

  ts中的函数会需要返回值，和java类似的

function name():return_type
·····

ts中还可以使用es6的箭头函数

let nameBy=(name1:type1,name2:type2···)=>return result
//当函数没有参数或只有一个可以省略括号或这函数体只有一条语句可以去掉
let nameBy=name2:type2=>return result
let nameBy=>return result

   2.4 封装：

  Ts里面有一些封装的类，和java一样的用法.可以把数据转换成类来对待

let numbers=new Number(value);
let string=new String(value);

这些封装的类提供了一些便捷的方法去处理数据。

   2.4 map对象：

  和java中的map集合很像，同样使用键值对，但使用的用数组来存

let myMap = new Map([
        ["key1", "value1"],
        ["key2", "value2"]
    ]); 
let maper=new Map([["1","sb"],["2","tsb"]]);

   2.5 元组：

  可以用来装不同类型的元素，调用就和数组差不多

let m=[26,"sb"];

   2.6 联合变量：

  ts中一个变量可以预先设置多个类型，等传入的参来判断该用那种类型。

let m：String|number|String[];

但是不能赋值不是预先设置的类型。

   2.7 接口：

  ts可以设置接口，和java差不多，不过接口里的变量和方法需要全部实现

interface name 
    name:String, 
    //这里时箭头函数
    display:()=>string,

//实现
let person:name=
   name:"issa",
   display:():string=>
      ·····
   

   2.8 类和对象：

  ts允许我们去创建一个类，这样就不需要直接去创建很多对象,同时再ts转变的js文件中类

class person
   name:string;
   constructor(name:string)
   this.name=name;  
  
  display():string
    return this,name;
  

//使用
let person:Person=new Person("issa");
//js转换代码
var Person = /** @class */ (function () 
    function Person(name) 
        this.name = name;
    
    Person.prototype.display = function () 
        return this.name;
    ;
    return Person;
());

  类也是可以继承的，和java都是extend关键字，子类除了不能继承父类的私有成员(方法和属性)和构造函数，其他的都可以继承。一个子类只能有一个父亲，而一个子类是可以有爷爷的，可以层层继承。

class Shape  
   Area:number 
   constructor(a:number)  
      this.Area = a 
    
 
 
class Circle extends Shape  
//里面有隐藏的Area字段，从父类遗传的
//disp（）是子类的独有方法

   disp():void  
      console.log("圆的面积:  "+this.Area) 
    

  //这里子类默认无参构造，会去调用父类的构造器（如果父类写了有参而无无参，就只有有参的构造器而已）
var obj = new Circle(223); 
obj.disp()

   2.8 命名空间：

namespace name
export interface person
     display();
  

//name.去引用
//如果不在同一个ts文件就用///去引用
//这个文件中有一个接口。
/// <reference path = "IShape.ts" />
class person implements IShape 
 

   2.9 模块：

// 文件名 : person.ts 
export interface person  
   // 代码部分

//文件名：son.ts
//require中的为文件目录
import person = require("./person");

尾声

这些就是我所知的一些ts的知识，如有错误还希望能指出来。