带你了解什么是ts

神秘人一号
716 阅读2分钟

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第9天，点击查看活动详情

今天带大家快速的了解下什么是ts!

TypeScript 介绍

目标：能够说出什么是ts

TypeScript 是什么

image.png

TypeScript 是微软开发的开源编程语言。2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript,可以在任何运行 JavaScript 的地方运行

TypeScript 简称：TS，是 JavaScript 的超集。

  1. 简单来说就是：JS 有的 TS 都有。JS写的代码在TS的环境下都能跑。
  2. 在 JS 基础之上，为 JS 添加了类型支持。TypeScript = Type + JavaScript

TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性，难以胜任和维护大型项目开发。因此微软开发了TypeScript ，使得其能够胜任开发大型项目。

// TypeScript  代码有明确的数据类型
let age1: number = 18
// JavaScript  代码没有明确的类型
let age2 = 18

TS 官方文档

小结

  1. TS是 [ Type ]+ Script的简写，它是 [ 微软 ]公司开发的开源编程语言。
  2. TS是JS的[ avaScript 的超集 ]，它在js的基础上增加了[ 为 JS 添加了类型支持 ]支持。

TypeScript和JS的对比

目标

掌握ts和js的区别

js和ts的区别

共4点

动态和静态编程语言

js属于动态类型的编程语言，TS属于静态类型的编程语言

  • js：边解释边执行，错误只能在运行阶段才能发现。
  • ts: 它要先编译，再执行(不能直接执行，需要编译成js才能执行)

ts完全兼容javascript，它可以编译成javascript

image.png

ts有类型支持，有强大的代码类型提示

在写代码的过程中就能发现问题

前端生态

前端三大框架: Vue 3 源码使用 TS 重写、Angular 默认支持 TS、React 与 TS 完美配合，TypeScript 已成为大中型前端 项目的首选编程语言。

目前，前端最新的开发技术栈：

  1. React： TS + Hooks
  2. Vue： TS + Vue3

小结

  1. js是动态语言（边解析->边执行），ts是静态语言（先编译-->执行）
  2. ts是包含js的，js的所有语法在ts中支持
  3. ts有类型提示
  4. ts是前端不可避免的趋势
avatar
文章
阅读
粉丝