1-基本数据类型声明

  1. var s:string="hello"
  2. var n:number = 10
  3. var b:boolean = true

2-可先声明变量再赋值

  1. var num:number;
  2. num = 19;

3-可以声明多个类型

  1. var good:number | undefined;

4-复杂数据类型

  1. 1array 数组
  2. var arr:string [] = ['html','css','js'];
  3. var newArr:Array<number> = [1,2,3] //推荐这种
  4. //console.log(typeof arr) // object
  5. 2object
  6. var obj:Object={name:"dai",age:18}
  7. 3array-object
  8. var list:Array<object>=[{name:"dai"}]

5-元组

  1. // 元组 在ts 中计算一个被限定了item值类型的数组
  2. let Arr:[number,string] = [12,"hello"]

6-函数

  1. // 声明一个有返回值的函数
  2. function go():string{
  3. return "hello world"
  4. }
  5. // 声明没有返回值的函数
  6. function show():void{
  7. console.log("hello world")
  8. }
  9. console.log(go()) //hello world
  10. show()
  11. local('top') //top
  1. // 函数传参
  2. function fun(s:string):string{
  3. console.log(s)
  4. return s
  5. }
  6. fun('hello')
  7. //默认参数
  8. function fun2(s:string="hello"):string{
  9. console.log(s)
  10. return s
  11. }
  12. fun2('good')
  13. // 任意类型 any
  14. function fun3(s:any):any{
  15. console.log(s)
  16. return s
  17. }
  18. //支持箭头函数
  19. var goTo=()=>{
  20. console.log("go");
  21. }
  22. goTo() //go

7-class

  1. class Student{
  2. name:string;
  3. age:number;
  4. constructor(name:string,age:number){
  5. this.name = name;
  6. this.age = age
  7. }
  8. getName():void{
  9. console.log(this.name);
  10. }
  11. }
  12. var s:Student = new Student("dai",18);
  13. s.getName();//dai
  1. class Person{
  2. name:string;
  3. age:number;
  4. constructor(name:string,age:number){
  5. this.name = name;
  6. this.age = age
  7. }
  8. getName():void{
  9. console.log(this.name);
  10. }
  11. }
  12. class Student extends Person{
  13. skill:string;
  14. constructor(name:string,age:number,skill:string){
  15. super(name,age)
  16. this.skill = skill;
  17. }
  18. getSkill():void{
  19. console.log(this.skill);
  20. }
  21. }
  22. var s:Student = new Student("dai",18,"web前端");
  23. var p:Person = new Person('lisi',19);
  24. s.getName();//dai
  25. // p.getSkill(); //报错 父类不能调用子类的方法

8-枚举类型 enum

  1. enum Skills{html,css,js}
  2. var j:Skills = Skills.html;
  3. console.log(j) // 输出下标值
  4. enum Status {
  5. success=200,
  6. error=404,
  7. serverError=500
  8. }
  9. var success:Status = Status.success
  10. console.log(success)

9-null - undefined

  1. var num = null;
  2. num =10 //报错
  3. let x: number | null | undefined;
  4. x = 1; // 运行正确
  5. x = undefined; // 运行正确
  6. x = null; // 运行正确

10-Dart语法(Google)

image.png