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动态添加事件可以搜索到很多的相关文章，不过可以传参数的就没有几个了，下面有个不错的示例可以满足大家对传参的需求，感兴趣的各位不要错过2013-10-10
本文给大家介绍javascript中dataset的问题详解，包括dataset的基础用法，使用dataset的作用以及dataset的基础操作等相关问题，对javascript dataset问题感兴趣的朋友一起学习吧2015-11-11
这篇文章主要介绍了JavaScript模块管理的简单实现方式,它方便组织你的代码，提高项目的可维护性。一个项目的可维护性高不高，也体现一个程序员的水平，在如今越来越复杂的前端项目，这一点尤为重要。,需要的朋友可以参考下2019-06-06
bind()的方法在ie,6,7,8中不适用，需要扩展通过扩展Function prototype可以实现此方法，下面为大家介绍下javascript中bind函数的作用2014-09-09
自己写了个JS+CSS的小东西，用来看提升用户体验的。 Name：WindowsTextShow；2008-12-12
这篇文章主要为大家详细介绍了慕课网题目之js抽奖系统功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
javascript作用域容易记错的两个地方分析，学习js的朋友可以参考下2012-06-06
浅析$(function) ready和onload 的区别
新手刚学习js和jq的时候难免会接触题目所标识的相关内容，下面小编通过本教程给大家讲解(function) ready和onload 的区别，感兴趣的朋友一起看看吧2016-09-09
本篇文章主要介绍了canvas实现弧形可拖动进度条的实例方法，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
本文主要介绍了SyntaxHighlighter的配置及代码的使用，并附上在博客园中使用SyntaxHighlighter 3.0.83的案例，非常实用，这里推荐给大家。2015-01-01
最新评论