认识TS

TS，全称TypeScript，是 JavaScript 的一个超集，主要提供了类型系统和对 ES6+ 的支持，它由微软开发，代码开源于 GitHub 上。

TS特点

1.始于JS，终于JS，最后编译成JS；
2.强大的类型系统；
3.先进的 JavaScript，提供最新的JS特性；

TS安装

前提：有网；管理员权限的命令行工具（这样可以支持全局安装）
步骤：
1.下载并安装Node.js
2.命令行全局安装安装

npm install -g typescript
// cnpm install -g typescript
// cnpm i -g typescript

3.检测

tsc -V

3.手动编译ts文件（→js）

tsc xxx.ts

第一个TS程序

在ts文件中只写js代码编译后，js代码变得更规范了

(() => {// 指定参数的类型function sayHello(name: string) {return "Hello " + name;}let name = "World";console.log(sayHello(name))
})()

在html中引入编译为js的文件，然后打开html文件展示结果：

老师小结

下一节：前端之TS类型声明

前端之TypeScript(TS)相关推荐

前端vue3+typescript搭建vite项目(初识vite+项目配置完善+屏幕适配)
一.文章引导 #mermaid-svg-1aHB08JglRY7yGzA {font-family:"trebuchet ms",verdana,arial,sans-serif; ...
学习TypeScript(TS)，这一篇就足够了
一.TypeScript 简介 1.什么是 TypeScript? 官方文档 TypeScript 本质上是向 JavaScript 语言添加了「可选的静态类型」和「基于类的面向对象」编程,它相当于是 ...
TypeScript (TS
1.Node卸载 1)控制面板卸载 2)安装位置删除文件夹 3)c盘用户下去删除.npmrc文件 2.下载Nodejs 最新下载地址: 下载 | Node.js 中文网安装: 双击打开,下一步,同 ...
想去力扣当前端，TypeScript 需要掌握到什么程度？
点击蓝色"脑洞前端"关注我哟加个"星标",带你揭开大前端的神秘面纱! ❝ 这是脑洞前端第「97」篇原创文章 ❞ 2018 年底的时候,力扣发布了岗位招聘,其中 ...
typescript ts 错误列表
code 类型英文描述中文描述 1002 错误 Unterminated string literal. 未终止的字符串文本. 1003 错误 Identifier expected. 应为标识符 ...
typescript TS 错误码大全
code 类型英文描述中文描述 1002 错误 Unterminated string literal. 未终止的字符串文本. 1003 错误 Id ...
基于Cocos Creator 2.3.0,使用TypeScript(ts)实现微信跳一跳
在看我这篇文章之前,首先您应该掌握一些基本知识,一是了解和使用cocos creator的常用控件,如Button,Label,Sprite等,脚本事件绑定等;Vscode的基本操作;TypeScri ...
丁鹿学堂前端培训：ts+webpack打造自己的ts脚手架（二）
webpack还有一些必要的配置,可以帮助我们更方便的开发typescript 1. 安装插件 npm i -D html-webpack-plugin html-webpack-plugin 在we ...
大前端学习--TypeScript
TypeScript 一.JavaScript 1. 弱类型.动态语言的缺陷程序中的异常在运行时才能发现类型不明确函数功能会发生改变对对象索引器的错误用法 2. 强类型的优势错误更早暴露代码 ...

前端之TypeScript(TS)

从TypeScript开始