TypeScript

• 一、什么是 TypeScript？
• TypeScript 是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法。 2012年开发
• 二、JavaScript 与 TypeScript 的区别？
• TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。
• TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。
• 三、TypeScript 下载安装
• npm install -g typescript
• 四、要编译 TypeScript 文件，使用如下命令
• tsc filename.ts（安装完成后我们就可以使用 TypeScript 编译器，名称叫 tsc，可将编译结果生成 js 文件。）
• 五、强类型语言， 有类型得script
• 六、类型：number、string、boolean（true、false）、symbol、void（空 一般用作返回值）、null（一种值null）、undefined（一种值undefined）、enum(enumerate枚举 有限的可能性 姓名 星期)、any（任何类型、变体变量 js里面原本的变量）
• 七、类型推测(隐式类型声明)
  • 会根据初始赋值的类型判断类型；

    var a=12;
    var a:number=12
    

• 八、冲突监测
  • 编译器会自动派出无用的选型
• 九、联合类型

  var a=number|string
  a=12;
  a="xxx"
  

• 十、数组也有类型

  var a=[12,3,45]
  var a:number[]=[12,3,45]
  ````
  

• 十一、函数类型
  • 1.参数
    * 参数有类型
    * 签名检查-个数、类型得一致

      function show(a:number,b:number){
    

console.log(a+b)
}
show(12,5)
`````

• 2.返回值
  ```
  function show(a:number,b:number){
  return a+b
  }
  show(12,5)

• 十二、外部变量声明
  • declare var 名字；如（$)
• 十三、 类型：
  • 基本类型
  • 联合类型---选择
  • 函数签名（success：（a,b）=>void）
  • 复合类型（object type 对象类型）
    var object:{a:number,b:number,z?:number} object={a:5,b:3,z:255}; object={a:5,b:3}; console.log(object)
• 十四、接口 -interface
  • 接口（有限制、约定 （ 约定有哪些成员））

      // interface point{
      //     x:number,
      //     y:number,
      //     z?:number
      // }
      // var p:point;
      // p={
      //  x:1,
      //  y:2,
      // //  z:3   
      // }
    // console.log(p)
  

  • 真面向对象(class 写法、extend、多继承)

class person{
name:string;
age:number;
constructor(name:string,age:number){
this.name=name;
this.age=age;
};
showme(){
console.log("my name is"+this.name+','+"my age is"+this.age)
}
}
var me=new person("JaneHuang",13);
me.showme()
```

• 访问修饰符
  • public (公有) ---任何人都可以访问
  • private（私有）---只有类可以访问
  • protected（受保护-友元）--只有子类可以访问
• 十五、泛型---跟any 不要搞混 --宽泛
  • (跟any不一样的就是 可以指定类型)

  class calc<T>{
  a:T;
  b:T
  

}
var aa=new calc<number>()
aa={
a:12,
b:3
}
console.log(aa)
````