TypeScript 的核心原则之一就是类型检查，我们可以通过接口来规范类型，他是具有非常强大的功能的。
image.png
源码
简单的函数体传递数据的写法
- ts
//简单的函数体传递数据的写法
//这里的参数是一个有数据类型为 string 的 label 属性的对象
function printLabel(labelObj:{label:string}) {
console.log(labelObj.label);
}
let myObj = {label:'hello'};//上面的接口中规定了数据类型必须是 string 所以这里的值绝不能是其他类型的
printLabel(myObj);//在控制台中输出 'hello'
//上例就是一个最基本的函数体的使用
- HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TypeScript 接口 Interfaces - 创建接口</title>
</head>
<body>
<script type="text/javascript" src="Interfaces.js"></script>
</body>
</html>
- 浏览器效果图
image.png
使用关键字 interface 声明一个接口
- ts
//下面是另一种写法 它类似于 java 或者是 C# 的写法
//interface 为接口声明的关键字
interface LabelValue{
label:string;
}
//这里将参数的数据类型声明为上面的接口类型
function printLabel(labelObj:LabelValue){
console.log(labelObj.label);
}
let myObj = {label:'xiaochuan'};
printLabel(myObj);
- HTML 与上例一样
- 浏览器效果图
image.png
