初识TypeScript
//TypeScript文件
//01_ts.ts
(() => {
//str这个参数是string类型的
function sayHi(str:string){
return '你好啊'
}
let text = '牛牛'
console.log(sayHi(text))
})()
//在控制台输入 tsc.\对应的.ts文件 编译生成js文件
//01_ts.js
(function () {
//str这个参数是string类型的
function sayHi(str) {
return '你好啊';
}
var text = '牛牛';
console.log(sayHi(text));
})();
在html中引入对应的ts/js
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- <script src="./01_first_ts.ts"></script> -->
<script src="./01_first_ts.js"></script>
</body>
</html>
打开浏览器控制台
image.png
总结
- ts的文件中如果直接书写js语法的代码，那么html文件中直接引入ts文件，在谷歌的浏览器中是可以直接使用的
- 如果ts文件中有了ts的语法代码,那么就需要把这个ts文件编译成js文件,在htm1文件中引入js的文件来使用
- ts文件中的函数中的形参,如果使用了某个类型进行修饰,那么最终在编译的js文件中是没有这个类型的
- ts文件中的变量使用的是let进行修饰,编译的js文件中的修饰符就变成了var 了
