TS 与 JS vue 中对比

最新推荐文章于 2024-08-20 15:01:26 发布

白煮酒

最新推荐文章于 2024-08-20 15:01:26 发布

阅读量3.4k

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/ParisT_T/article/details/117088247

版权

本文探讨了TypeScript作为JavaScript的超集如何在Vue项目中发挥作用。介绍了TypeScript的基本概念，如静态类型检查、常用数据类型、Array、Any、Void、泛型等，并通过对比展示了在Vue中使用TypeScript的优势。

摘要由CSDN通过智能技术生成

TypeScript
1.TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码，可运行在任何浏览器，任何操作系统。
2.TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。
const hello : string = “Hello World!”
var hello = “Hello World!”

常用数据类型
TS 支持的类型如下：boolean,number,string,[],Tuple,enum,any,void,null,undefined,never,Object
1.Boolean: let isFlag: boolean = false;
2.Number: let decLiteral: number = 6;
3.String: let name: string = “bob”;
4.Arry:
(1)let list: number[] = [1, 2, 3];
(2)let list: Array = [1, 2, 3];
5.Any: let notSure: any = 4;
6.Void:
function warnUser(): void {
alert(“This is my warning message”);
}

泛型
function