5.typescript-任意值、类型推论、联合类型、类型断言、字符串字面量类型

1.任意值any

可以将任意类型的变量赋值给该类型的变量，没有指定类型的变量默认为any

 

也可以用来定义不定类型的数组

 

2.类型推论

上面说到没有指定类型的变量默认为any类型的，但是当声明变量时定义了该变量值，则默认变量为该值得类型值，这就是类型推论

若声明时未定义，则不会

 

3.联合类型

即可以取值为多种类型中的一种

下面的例子顶你声明了一个联合类型的变量，其类型可以是string和number中的一种，不可以为其他类型，其间用“|”隔开

 

4.类型别名

直接给栗子：

原形：

function student(name : string | string[]):string{
  if(typeof name === "string"){
    return "Mr."+name;
  }else{
    return name.join("");
  } 
}

console.log(student("wei"));    // Mr.wei
console.log(student(["wei","ze","yang"]));   // weizeyang

给了类型别名以后：

type nameStr = string;
type nameArr = string[];
type nameType = nameStr | nameArr;

function student(name : nameType):nameStr{
  if(typeof name === "string"){
    return "Mr."+name;
  }else{
    return name.join("");
  } 
}

console.log(student("wei"));    // Mr.wei
console.log(student(["wei","ze","yang"]));   // weizeyang

即使用type创建类型别名，类型别名常用语联合类型。

 

5.类型断言

可以用来绕过编译器的类型推断，手动指定一个值的类型

（1）语法有下面两种

<类型>值  或  值 as 类型

（2）举个栗子吧！

function student(name:string|number){   
  return name.length;     
}

console.log(student("weizeyang"));

// Property 'length' does not exist on type 'string | number'.
// Property 'length' does not exist on type 'number'.

当typescript不确定一个联合类型的变量到底是哪个类型的时候，我们就只能访问此联合类型的所有类型里共有的属性或方法。

但是上述的length属性不是string和number共有的，所以报错咯

function student(name:string|number){
  return name.toString();
}

console.log(student(3));   // 3

这样他就乐意了，哎，可真难伺候！

其实我觉得可以这样的：

function student(name:string|number){   
  if(typeof name === "string"){
    return name.length;
  }else if(typeof name === "number"){
    return name.toFixed(2);
  }
}

console.log(student("weizeyang"));  // 9

但是咱们要讲的是

function student(name:string|number){
  if((<string>name).length){
    return (<string>name).length;
  }else{
    return name.toString().length;
  }
}

console.log(student(3));   // 1

需要注意的是：

（1）类型断言不是类型转换，即类型并没有发生实质性的改变，只是唬住了类型推断而已

（2）不可以断言成联合类型中不存在的类型