Typescript学习记录

本次学习按照runoob网站提供的typescript教程进行，记录个人觉得比较重要的地方

typescript算是强类型语言，与js对比是在coding过程中有代码校验提示，运行是将ts编译为js后运行，兼容js

变量类型，在声明时放在变量名后面     

let 变量名:类型;

解构是比较常用的功能

var A=[...];

var [B,C,D...]=A;     BCD个数小于等于A的length

BCD.. 按照A中顺序获取值

类、接口定义使用比js方便

类构造器必须≤1个，构造器不能重载

子类未定义构造器的时候，自动继承父类的构造器，子类可以重写父类的函数

类、接口的继承方面与java一致

typescript对象与javascript相比，不能在后期添加对象属性，必须在前期声明时预定义好

所谓鸭子对象就是我定义了一个接口，函数参数时这个接口，自定义的对象只要符合接口，就可以作为参数，无需声明对象是这个接口类型

ts在不使用命名空间时，所有定义都是全局的，可以跨文件读取到，namespace可以限制namespace下的定义只在当前namespace中生效，需要上一级生效，则需要在生效的定义前加export

过程中容易遇到tsc报错

遇到console未定义的时候需要安装运行环境

npm install @types/node 

配置package.json,添加以下内容

"type": "module"

元组章节，给元组初始化赋值的时候出现编辑器报错，但是编译能通过的情况，不确定原因

 

 

在接口章节，讲到接口与元组，测试一下情况

interface namlist{
    [asd:string]:string
}
interface namlist1{
    [asd:number]:string
}

var list:namlist={"asdf":"aaa","aaa":"123"}
var list1:namlist1=["123","456"]
var list2:namlist1={0:"123",1:"456"}
console.log(list1,list2,list1);

打印结果

 同接口对象可定义为数组，可定义为对象，打印结果也不一样

namespace章节

namespace就是定义一个有名字的块空间，不同文件相同namespace内，export的对象相当于块内全局对象，namespace外想要使用的话需要用namspace.来引用，未export的无法使用

引用文件需要严格按照格式来，否则编译会报错

/// <reference path = "XX.ts" />

前面的///后面有个空格，空格不能省略