typescript的简介

简介

tsc

shell 复制代码
npm install -g typescript
shell 复制代码
tsc -v

作用

检查类型和语法错误,提前纠错

ts的类型

如何穿件带有ts的vue工程

作用

常见类型

用法

编写一个ts文件

js 复制代码
let username:string = "John";

let age:number = 25;

let isUpdated:boolean = true;

let data:any = "Hello World!";

console.log(username);
console.log(age);
console.log(isUpdated);
console.log(data);

编译

shell 复制代码
 tsc .\tsDemo.ts

效果

对应的ts文件下多了一个js文件

  • ts文件是不能直接运行的,只有编译成js才能运行
    这是编译之后的js文件
js 复制代码
var username = "John";
var age = 25;
var isUpdated = true;
var data = "Hello World!";
console.log(username);
console.log(age);
console.log(isUpdated);
console.log(data);

约束字面量类型(类似于enum枚举)

js 复制代码
myPrintFunction("Hello World!","center");
myPrintFunction("Hello World!","left");
myPrintFunction("Hello World!","right");

function myPrintFunction(content:string,alignment:'right'|'left'|'center'):void {
    console.log(content,alignment);
}
相关推荐
GDAL13 分钟前
npm入门教程13:npm workspace功能
前端·npm·node.js
呼叫694524 分钟前
为什么说vue是双向数据流
前端·javascript·vue.js
我命由我1234534 分钟前
CesiumJS 案例 P20:监听鼠标滚轮、监听鼠标左键按下与松开、监听鼠标右键按下与松开、监听鼠标左击落点
开发语言·前端·javascript·前端框架·html·css3·html5
wumu_Love1 小时前
npm 和 node 总结
前端·npm·node.js
顾辰呀1 小时前
css 文字一行没有放满不进行换行
前端·javascript·css·vue.js·css3
q567315231 小时前
Python 中的字符串匹配算法
android·java·javascript·python·算法
nixiaoge1 小时前
Web前端第二次作业
前端·javascript·css3
安冬的码畜日常2 小时前
【玩转 Postman 接口测试与开发2_005】第六章:Postman 测试脚本的创建(上)
javascript·测试工具·单元测试·postman·bdd·chai
浮华似水2 小时前
Docker入门系列——镜像原理
前端
Gavin_9152 小时前
【JavaScript】数组-集合-Map-对象-Class用法一览
开发语言·前端·javascript