// TypeScript 代码:有明确的类型,即 : number(数值类型)
let age: number = 10;
// JavaScript 代码:无明确的类型
let age = 10;
类型系统按照“类型检查的时间”可分为静态类型和动态类型
let num: number = 1;
num.split(' ');
// 编译时会报错 Property 'split' does not exist on type 'number'(类型“number”上不存在属性“split”).
var num = 1;
num.split(' ');
// 运行时会报错
类型系统按照“是否允许隐式类型转换”可分为强类型和弱类型
注:TS 只是提前了类型检查的时间,并没有让系统本身变得更加严格
console.log(1 + '1');
// 在TS和JS中运行结果相同,都为字符串 11
将 ts 文件转换为 js 文件,在 html 中引入 js 文件,即可运行
function sum(a: number, b: number) {
return a + b;
};
console.log(sum(1, 2));
tsc 文件名.ts
单机回车<script>
标签引入 js 文件<!DOCTYPE html>
<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>
<!-- 引入 js 文件 -->
<script src="n2_overview.js"></script>
</body>
</html>
TypeScript 与 JavaScript 相比
Vue 3 源码使用 TS 重写,Angular 默认支持 TS,React 与 TS 完美配合
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。