Vue3+TypeScript从入门到精通系列之:接口
一、TypeScript接口代码
(() => {
interface IPerson{
firstName: string
lastName: string
}
function showFullName(Person: IPerson){
return person.firstName + '_' + person.lastName
}
const person = {
firstName: '东方'
lastName: '不败'
}
console.log(showFullName(person)
})()
二、TypeScript接口代码转化为Js代码
(function () {
function showFullName(Person) {
return person.firstName + '_' + person.lastName;
}
var person = {
firstName: '东方',
lastName: '不败'
};
console.log(showFullName(person));
})();
三、index.html引入js文件
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>helloVuejs</title>
</head>
<body>
<script src="./接口.js"></script>
</body>
</html>