10.typescript-字符串字面量类型

Posted 2020-10-03 太阳你好 ☂

1.字符串字面量类型

字符串字面量类型是用来约束取值只能是某几个字符串中的一个。

1 // html                                                                                                        
2 <div id="div">my name is Mr.</div>

1 type name = "wei" | "ze" | "yang";
2 
3 function student(ele:Element, event:name){
4   return () => {
5     return ele.innerHTML += event;
6   };
7 }
8  
9 student(document.getElementById("div"),"wei")();

页面：

不能选择字符串字面量类型里面不存在的字符串

 1 type name = "wei" | "ze" | "yang";
 2 
 3 function student(ele:Element, event:name){
 4   return () => {
 5     return ele.innerHTML += event;
 6   };
 7 }
 8 
 9 student(document.getElementById("div"),"why")();
10 //  Argument of type \'"why"\' is not assignable to parameter of type \'name\'.

就和联合类型差不多....

问.上面的这个例子都包含了之前讲过的什么知识点？