TypeScript

已于 2022-02-27 14:40:21 修改
阅读量449 收藏
点赞数
分类专栏： 前端 文章标签： typescript javascript 前端
于 2022-02-26 12:47:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44809337/article/details/123147963
版权
TypeScript是JavaScript的超集，增加了静态类型系统。本文将介绍TypeScript的基本概念，如何搭建开发环境，以及如何声明和使用不同类型的变量。同时，会讲解如何配置编译器选项，并展示使用webpack进行项目打包的步骤。
摘要由CSDN通过智能技术生成

TypeScript

一、TypeScript是什么？

在这里插入图片描述

  • 比js增加了类型
    在这里插入图片描述

二、开发环境的搭建

在这里插入图片描述

//安装ts的解析器
npm i -g typescript 


tsc 校验是否成功安装

在这里插入图片描述

  • hello word
    在这里插入图片描述
  • 编译
    tsc filename
    在这里插入图片描述
  • js 可以引入使用

三、ts类型的声明

3.1、基本类型

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  • 类型
    在这里插入图片描述
    在这里插入图片描述* any
    在这里插入图片描述
    在这里插入图片描述
  • unknown
    在这里插入图片描述
  • 处理方式
    在这里插入图片描述
  • 类型断言
    在这里插入图片描述
  • void
    在这里插入图片描述
  • never
    在这里插入图片描述
  • object
    在这里插入图片描述在这里插入图片描述
    在这里插入图片描述
  • array
    在这里插入图片描述
    在这里插入图片描述
  • tuple
    在这里插入图片描述
  • enum
    在这里插入图片描述
  • 其他
    在这里插入图片描述

四、编译器选项

在这里插入图片描述

在这里插入图片描述

  • lib 一般不用设置
    在这里插入图片描述
    在这里插入图片描述
  • 一般不用
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

五、使用webpack打包

  • 项目初始化 生成 packJson 管理项目
    在这里插入图片描述
    在这里插入图片描述
  • 安装依赖
    在这里插入图片描述
    在这里插入图片描述
~chun
关注
专栏目录
Typescript
weixin_44270980的博客
06-28 1044
Typescript 首先Typescript其实是javascript的超集，我们都知道js是弱类型语言，ts是编译性语言，那么为什么我们要选择ts呢？ 首先ts增加了代码的可读性和维护性 ts非常包容 ts拥有非常活跃的社区 1.安装使用ts 首先全局安装命令 npm install -g typescript 然后编译文件 tsc hello.ts 约定文件以ts为后缀,编写re...
typescript
Manager_style的博客
09-04 890
TypeScript TypeScript 是一种给 JavaScript 添加特性的语言扩展,支持es6，是微软提出的一种编程语言,TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。 安装 npm install -g typescript 报错语句 解决方法 Declaration o...
万字血书--TypeScript超详细入门
最新发布
weixin_46272807的博客
08-21 1900
面向TypeScript纯小白的万字教程！！
TypeScript教程
02-22
### TypeScript 数据类型详解 #### 基础数据类型 在 TypeScript 中，基础数据类型是构建更复杂类型的基础。这些类型包括但不限于布尔值、数字、字符串等。 ##### 布尔值（boolean） 布尔值用于表示逻辑实体，在 ...
Typescript类型脚本课件.pptx
06-19
Typescript类型脚本课件 Typescript是一种静态类型检查的JavaScript超集语言，由Microsoft开发，代码开源于GitHub上。Typescript的主要特点是提供了类型系统和对JS新标准的支持（ES6/7/8）。 Typescript可以帮助...
typescript版 vconsole 代码
03-24
**typescript版 vconsole 代码详解** 在移动应用开发中，我们常常需要在手机上调试前端代码，vConsole 是一个轻量级的移动端 Web 开发调试工具，它可以在真实设备上模拟 Chrome DevTools 的一些功能。当我们将 ...
《TypeScript》电子pdf版
05-05
### TypeScript 入门知识点概述 #### 1. TypeScript 概述 - **定义**: TypeScript 是 JavaScript 的一个静态类型的超集，它可以编译成纯 JavaScript。这意味着任何现有的 JavaScript 代码库都可以立即作为 ...
TypeScript手册(TypeScript Handbook) 重写新版 PDF版
03-20
2021年3月，TypeScript发布了自己的最新版本手册。该手册是学习 TypeScript 语言及其常用用法的主要资源。官方人员指出，新手册在 TypeScript 团队中已经是一个运行多年的项目，包含了大大小小的数百个贡献。 这项...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值