Ts Day1

官网文档链接

typescript是javascript的超集，所以js能干的是ts都能干。ts简单理解无非就是加了类型的js，通过tsc可以将编写的ts代码转化成js代码，所以web app可以用ts写，node app也可以用ts写，只是最后要有一步代码的转化。

Type(类型)

• “js是没有类型的”，也就是说一个变量在赋值之后是可以赋其他类型的值的。

var name = 'Mike';//ok
name = 5;//ok

如果只是简单的测试，这上面的代码是没问题的。但在一个大型的应用中，一个变量应该有它对应的实际意义，显然name是个名字，那么我们在之后使用这个变量的地方，都期望是个字符串而不应该给它赋值5。
在ts中，很重要的一点就是类型声明。在确定了一个变量的类型之后，之后的使用过程中就不能修改它的类型。

var name:string = 'Mike';//ok
name = 5;//error

在之后的那么的name的使用过程中，都要按照string类型来处理，否则tsc就会提示你有类型错误。

• ts中使用的类型跟js中是一样的，有原生类型（boolean，number，string），数组，对象，自定义对象。

var name:string = 'Mike';
var age:number = 18;
var isLive:boolean = true;
//names数组。类型定义就是元素的类型后面加上个方括号
var names:string[] = ['Mike','James','Nick'];
//sayHello的类型是一个方法，参数是一个字符串，返回值也是一个字符串
var sayHello:(name:string) => string;
sayHello = function(name:string){
  return 'Hello,'+name;
}

• 接口(interface)是ts中独有的用来描述‘事物外形’(shape)的技术。

interface Person{
  name:string;
  age:number;
}
var person = {
  name:'Mike',
  age:18;    
}

接口其实是不存在的，在最后导出的js文件中什么也看不到，它是为了类型检查而来的

• 数组中所有的元素的类型都是相同的，所以在push等操作的时候会对目标元素的类型进行判断，如果不一样就会报错。这样的好处就是如果我们要对数组的元素进行操作，那么我们在开始之前就明确知道这些元素是什么类型的，它们到底长啥样，有啥属性和方法。
• 有类型就有类型转化。ts中类型转化要用明确的方式去说明，语法就是：<type>，type是目标类型。

interface Person{
  name:string;
}
interface Man{
  name:string;
  age:number;
}
//ok.因为后面的对象符合Person接口所描述的对象外形
var person:Person = {
  name:'Mike',
  age:18
}
var man:Man = {
  name:'Mike',
  age:18
}
var aMan:Man = person;//error
var bMan:Man = <Man>person;//ok

var name:string = 'Mike';
var age:number = <number>name;//error
//虽然编译的时候可以通过，但只是说可以通过编译，这么用是十分危险的，指代不明。
var age:number = <number><any>name;//ok
//上面用到了ts中的一个万能类型any，任意的。