TypeScript学习笔记中的的基本概念和用法
更新时间：2026年02月20日 10:43:49 作者：荭色海湾
本文主要介绍了TypeScript学习笔记中的的基本概念和用法,包括命令行编译、自动化编译、类型系统、面向对象编程（类、属性修饰符、抽象类、接口）、泛型、类型声明文件以及装饰器
1.初始TypeScript
2.直接上手
都是学过Java的人，这个很简单
1.命令行编译
要把.ts文件编译为.js文件,需要配置Typescript的编译环境1，步骤如下:
1.第一步：创建一个demo.ts文件
const person = {
name: 'John',
age: 30,
city: 'New York'
};
console.log(`我叫${person.name}，今年${person.age}岁，来自${person.city}`);
2.第二步：全局安装Ts环境
npm i typescript -g
tsc 命令 与 java 同理
3.第三步
编译 ts 文件 与 javac 同理
Java 是吧 .java 编译成 .class tsc 是把 .ts 编译成 .js
tsc demo
2.自动化编译
3.写法
前面和kotlin很像 这里就不多说了
4.类型总览
5.常用类型
1.any
2.unknown
3.never
4.void
5.object
标识 key字符串 值为any 往后面存 可以对对象追加属性
6.tuple
7.enum
8.type
类型做运算
9.一个特殊的情况
TypeScript: Documentation - More on Functions
官网
6.复习类相关知识
7.属性修饰符
readonly === final
8.抽象类
9.接口
注意 ts 的接口 可以有属性 的啊
定义对象
定义函数
接口的重复定义
一些相似的概念的区别
10.泛型
11.类型声明文件
为了在 ts 中引入 js函数 ，声明一个 d.ts 文件 然后 declare关键字 放在同名 .js同文件夹下，然后引入JS 的 ts 就会有 类型约束了
一般会放入一个 叫 @types 文件夹下 规范管理
像JQuery库 它自己帮我们写好了 .d.ts 文件 统一导出的 ，所以一般不用程序员自己写
总结
到此这篇关于TypeScript学习笔记中的的基本概念和用法的文章就介绍到这了,更多相关TypeScript基本概念和用法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
本文通过实例代码给大家介绍了JS图片轮播与索引变色功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-07-07
动态载入/删除/更新外部 JavaScript/Css 文件的代码
动态载入/删除/更新外部 JavaScript/Css 文件的代码2010-07-07
本文主要介绍了TypeScript 在函数、枚举、类和泛型中的类型兼容性规则,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-01-01
详解如何使用JavaScript中Promise类实现并发任务控制
在JavaScript中,Promise是一种用于管理异步操作的强大工具,但是,有时候需要更高级的控制,以限制同时执行的任务数量,以避免系统资源超负荷,本文将深入探讨JavaScript中的并发任务控制,并介绍如何创建一个自定义的Promise类——ConcurrentPromise2023-08-08
用两个感叹号的作用就在于，如果明确设置了o中flag的值（非null/undefined/0""/等值），自然test就会取跟o.flag一样的值；如果没有设置，test就会默认为false，而不是null或undefined2011-12-12
谷歌浏览器 insertCell与appendChild的区别
table中增加单元格时 在谷歌浏览器中使用insertCell方法增加列时，显示结果的先后顺序与程序执行的先后顺序相反2009-02-02
这篇文章主要介绍了JavaScript中自定义事件用法,较为详细的分析了自定义事件的原理与具体用法,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
在实际的js开发过程中，我们常常会有相似或相同的需求。这时候如果没有很好的封装(通用功能)，代码的重复将不可避免。2009-08-08
这篇文章主要介绍了JS写常用导航鼠标下经过下方横线自动跟随效果，文中还给大家讲解了基于css + js 实现导航栏下划线跟随鼠标滑动效果,需要的朋友可以参考下2023-01-01
下面的一个例子就是以独立函数写出的JavaScript日期格式化函数，独立的format函数。回到格式化的这一知识点上，我们考查的是怎么实现的、运用了哪些原理2014-01-01
最新评论