TypeScript学习笔记（1）——简介

最新推荐文章于 2024-08-20 17:07:22 发布
最新推荐文章于 2024-08-20 17:07:22 发布
阅读量124 收藏
点赞数
分类专栏： TypeScript 文章标签： TypeScript 笔记 简介
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huzhenv5/article/details/103405769
版权

介绍
Typescript是javascript的一个超集，主要提供了类型系统和对es6的支持，它由微软开发，代码开源在github上
javascript是一个弱类型语言，tpyescript加了类型的限制，解决了js弱类型的特性
ts是一个编译型语言，可以通过编译变成js的代码，编译出的js的代码可以运行到浏览器上

为什么选择ts:
1，增加了代码的可读性和维护性
2，ts非常包容，j就算有语法错误可以编译出js
3，ts拥有非常活跃的社区，很多第三方库也提供了对ts的支持

全局安装命令

cnpm install -g typescript

编译文件
约定文件已.ts为后缀，编写react时，因为react里面有jsx，所以在react中以tsx为后缀，方便编译

tsc hello.ts

主流ide中都支持ts，包括代码补全，接口提示，跳转定义，重构

huzhenv5
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
typescript学习笔记1 —— 接口（interface）
阿留申低压的博客
08-01 2754
typescript是微软出品的，javascript的超集。让javascript的写法很类似java，核心功能是让JavaScript这个弱类型的语言，增加类型检查，更适合编写企业级应用。之前的angular项目使用的是typescript，流行的框架vue和react也支持typescript的写法，甚至node的替代品deno也是用typescript开发的，这就让重新好好学习它成为必然。...
TypeScript 学习笔记——装饰器
Skybububu的博客
10-13 183
是一种在不改变原类和使用继承的情况下，动态地扩展对象功能 装饰器是一种特殊类型的声明，它能够被附加到类声明，方法， 访问符，属性或参数上
TypeScript学习笔记（一）——TypeScript介绍与常用类型注解
weixin_56370772的博客
08-09 933
TypeScript 是 JS 的超集，TS 提供了 JS 的所有功能，并且额外的增加了：类型系统。所有的 JS 代码都是 TS 代码。JS 有类型（比如，number/string 等），但是JS 不会检查变量的类型是否发生变化。而TS 会检查。TypeScript 类型系统的主要优势：可以显示标记出代码中的意外行为，从而降低了发生错误的可能性。类型注解常用基础类型。
TypeScript 学习笔记 —— var, let, const
明明明的博客
04-12 890
typescript 中的 var, let, const
TypeScript学习笔记——TypeScript的接口
bqiuer的博客
12-26 758
Ts的接口 TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。 拓展：UI——User Interface 1、为什么要有接口？ function Fun(currObj:{a:String}):String{ console.log(currObj.a) return 'abc' } let f1 = Fun({a:'zxc'}) 上面定义
Typescript学习笔记——类
PrototypeOne的博客
01-16 124
一、面向对象 二、类的简单使用 使用class关键字来定义类，类中包含两个部分:属性+方法 class Person { //定义类属性 name='ts'; //方法 sayhello(){ console.log('Hello,TS',"实例方法"); } }; 其中不论属性还是方法，都分为直接定义实例的和使用static开头的静态的（类的） 其中实例的需要通过对象的实例才能访问，而类的可以通过类直接访问。 class Person { //定义类属性 /
Typescript学习笔记——webpack配置
PrototypeOne的博客
01-16 278
1、在项目中安装npm 使用代码：npm install在项目中安装npm，安装成功会生成node-modules文件夹和package.json文件 2、在项目中安装webpack，webpack-cli，typescipt，ts-loader依赖 使用代码：npm install webpack webpack-cli typescript ts-loader --save-dev安装所需的依赖，安装成功，会在package.json文件中生成依赖 3、配置webpack打包配置文件webpack.co
TypeScript学习笔记（三）——TypeScript 类型声明文件
最新发布
weixin_56370772的博客
08-20 850
今天几乎所有的 JavaScript 应用都会引入许多第三方库来完成任务需求。这些第三方库不管是否是用 TS 编写的，最终都要编译成 JS 代码，才能发布给开发者使用。我们知道是 TS 提供了类型，才有了代码提示和类型保护等机制。但在项目开发中使用第三方库时，你会发现它们几乎都有相应的 TS 类型，这些类型是怎么来的呢？类型声明文件类型声明文件用来为已存在的 JS 库提供类型信息。这样在 TS 项目中使用这些库时，就像用 TS 一样，都会有代码提示、类型保护等机制了。
TypeScript学习笔记——基础类型
PrototypeOne的博客
01-16 218
number——数字类型 let num:number; num=10; let num:number=10; num=20; let num=10; num=20; function fun_num(a:number,b：number):number{ return a+b; } string——字符串类型 let str:string; str='ts'; let str:string='js'; str='ts'; let str='js'; str='ts'; function fu
Angular2学习笔记——详解路由器模型（Router）
11-29
本篇学习笔记将深入探讨Angular2的路由器模型及其工作流程。 首先，我们要理解Angular2的组件化思想。在Angular2中，应用是由一系列组件构成的树状结构，组件可以是通用的，如list或table，也可以是特定业务场景下...
TypeScript学习笔记（三）——贪吃蛇
qq_44743216的博客
06-02 470
配置文件 1、将之前写好的package.json、webpack.config.js、tsconfig.json 复制到当前目录下 2、使用 npm i 初始化环境 3、在src目录下新建 index.html 和 index.ts 4、安装工具：npm i -D less less-loader css-loader style-loader 5、修改相关配置文件： （1）webpack.config.js： // 指定webpack打包时要使用的模块 module:{ //
[学习笔记]TypeScript学习笔记
无知的圆的博客
07-01 725
文章目录1 前期准备工作1.1 TypeScript的简介1.2 TypeScript与JavaScript的关系1.3 TypeScript的优点1.4 TypeScript开发环境搭建2 基本类型2.1 类型声明2.2 基本类型种类3 编译选项3.1 自动编译文件3.2 自动编译整个项目4 用webpack配置TS5 Babel6 面向对象6.1 前言6.2 类（class）6.3 面向对象的特点6.4 接口6.5 泛型（Generic）项目实战代码地址参考 1 前期准备工作 1.1 TypeScrip
Davinci可视化平台 ——前端部分代码开发
热门推荐
huzhenv5的博客
02-08 1万+
Davinci 是一个 DVaaS（Data Visualization as a Service）平台解决方案，面向业务人员/数据工程师/数据分析师/数据科学家，致力于提供一站式数据可视化解决方案。 Davinci源码地址： https://github.com/edp963/davinci Davinci源码大概分为三部分： 采用React的前端工程 采用Spring Boot的后端工程 采...
TypeScript学习笔记（3）——联合类型-接口
huzhenv5的博客
12-05 523
联合类型 联合类型表示取值可以为多种类型中的一种 如果定义的时候没有赋值，不管之后有没有赋值，都被被推断为any类型而完全不被类型检查 定义为联合类型的变量只能访问此联合类型内的所有类型里共有的属性或者方法 // 联合类型 var muchtype:string|number = 'hello'; muchtype = 2; console.log(muchtype.toString().leng...
TypeScript学习笔记（6）——类型断言
huzhenv5的博客
12-06 347
TypeScript类型断言 在TypeScript种，当我们使用联合类型，且不确定该联合类型的具体类型的时候，我们只能使用联合类型所共有的属性或方法，比如： let num:number|string = '10' let count = num.toString().length 但是有的的时候，我们需要在不确定具体类型的时候来访问该联合类型，但是又会报错，这时候就可以用上类型断言： let...
TypeScript学习笔记（4）——数组
huzhenv5的博客
12-05 340
TypeScript数组类型 3种定义方法 1，类型+方括号表示法 2，数组泛型Array表示法 3，接口表示法 interface IObject { id: number, name: string } // 类型+方括号 var arr:number[] = [1,23,100] var arr2:string[] = ['kk', 'guchi'] var arr3:any...
TypeScript学习笔记（11）——tsconfig.json
huzhenv5的博客
12-10 244
tsconfig.json是TypeScript项目的配置文件，用来指定编译这个项目的一些配置，该配置文件一般放到TypeScript项目的根目录中。 初学者都会用 tsc xxxx.ts 来编译ts文件，那如何使用tsconfig.json进行编译呢？ a，当命令上不带文件时，编译器会从当前目录开始逐级往上寻找tsconfig.json文件来配置编译。比如将要编译的ts文件路径写到tsconfi...
TypeScript学习笔记（2）——数据类型-任意值-类型推论
huzhenv5的博客
12-05 230
ts原始数据类型 string number boolean null undefined enum symbol // 定义变量 var str:string = 'hello'; var num:number = 1; var bol:boolean = true; var un:undefined = undefined; var nul:null = null; void类型 空值一般采...
TypeScript学习笔记
05-12
TypeScript 是一种由微软...以下是 TypeScript 学习笔记的一些主要内容： 1. 类型注解和类型推断 2. 接口和类的使用 3. 泛型的使用 4. 类型别名和枚举类型 5. 模块的导入和导出 6. 命名空间和声明合并 7. 装饰器的使用
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值