【TS】常见的 TS 语法总结

最新推荐文章于 2023-12-28 10:37:26 发布
最新推荐文章于 2023-12-28 10:37:26 发布
阅读量475 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 你不知道的JavaScript 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/html5_mylove/article/details/125868609
博客主要对常见的 TypeScript（TS）语法进行了总结，提供了相关总结链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

TS+Vue项目语法
qq_51053759的博客
11-19 1332
创建组件（分3步） 1、引入核心文件 2、@Component装饰器 3、暴露组件并继承vue的基类（其中One为组件名） <script lang="ts"> import {Vue,Component} from "vue-property-decorator" @Component({}) export default class One extends Vue{} </script> 使用组件（分3步） 1、引入组件 2、在装饰器中，注册组件 3、通过标签.
TS基础语法总结
油墨香^-^的博客
05-28 197
1. extends（1）在 JS 中，担当类的继承重担（2）在 TS 类型中，当泛型约束（3）在 TS 类型中，条件判断的关键词2. in遍历，用于取联合类型的值，主要用于数组和对象的构造。不要用于 interface，否则会出错。} */3. keyof获取类、对象、接口的所有属性名组成的联合类型。} */4. infer泛型与条件与类型推断变量。表示在 extends 条件语句中以占位符出现的用来修饰数据类型的关键字，被修饰的数据类型等用到的时候才能被推断出来作用：获取参数，返回值，泛型 的类型。
ts基础语法
qq_42451776的博客
08-11 548
文章目录数据类型案例一案例二类型别名类型断言字面量类型元组函数的重载类泛型案例一案例二接口案例一案例二 数据类型 案例一 let num1: number = 123; let str: string = "nj"; let bool: boolean = false; let arr: string[] = ["kkk"]; // 数组的存放类型是单一的 let info = { username: "wxj", age: 18, }; let isnull = null; let isund
ts用法大全
seimeii的博客
08-03 963
ts用法大全
ts基础
黑黑黑眼圈博客
04-19 726
这里写目录标题一、ts中的数据类型1.1 js和ts的区别1.2 js有的类型1.4.1 类型断言1.5 类型定义二、函数定义2.1 可选参数2.2 默认参数三、ts中的接口3.1 定义接口对参数进行约束四、ts中的泛型 一、ts中的数据类型 1.1 js和ts的区别 语言层面：JavaScript和TypeScript都是ECMAScript（ECMA-262）的具体实现。 执行环境层面：浏览器引擎和Node.js都能够直接运行JavaScript，但无法直接运行TypeScript。 时序层面：Type
简单的TS入门
qq_15351029的博客
11-09 2万+
TypeScript NoteVersion :  1.0、 TestVersion  :  ts2.4.2 Data         : 2017年8月27日 1、前置知识 l   理解ES5、ES6、javaScript、TypeScript的概念和关系 l   JavaScript开发经验 l   如果懂java学习来会事半功倍 2、TypeScript优势 u  支持ES
在vue3+ts+setup语法糖中使用图片预览组件
09-14
总结，Vue3+ts+setup语法糖提供了强大的开发体验，结合`vue-preview`库，我们可以轻松实现图片预览功能。在实际项目中，还可以进一步优化，例如添加错误处理、图片懒加载等功能，提升用户体验。
完整版 JS转d.ts语法工具V1.0免安装.rar
01-09
"完整版 JS转d.ts语法工具V1.0免安装.rar" 提供了一个解决方案，它能够自动将JavaScript库转换为d.ts文件。 这个工具的主要功能是将第三方的JavaScript库转换为TypeScript可以理解的类型定义文件。TypeScript编译器...
jessibuca-vue-ts-demo-3 ts语法实例
03-21
《深入浅出：jessibuca-vue-ts-demo-3中的TypeScript语法实践》 在当前的前端开发领域，Vue.js作为一个轻量级且功能强大的MVVM框架，深受开发者喜爱。而随着TypeScript的普及，它提供的静态类型检查和更严格的编程...
ts+vue3语法学习及实战.zip
04-28
但是，我可以根据提供的标题“ts+vue3语法学习及实战.zip”来生成关于TypeScript和Vue 3相关知识点的丰富内容。 TypeScript（简称TS）是一种由微软开发的开源编程语言，它是JavaScript的一个超集，添加了类型系统和...
vue3中使用vue-i18n(ts中使用$t, vue3不用this)
热门推荐
一只爱吃糖的小羊
09-29 2万+
vue3中使用vue-i18n(ts中使用$t, 没有this)
深入ts高级用法
lin_fightin的博客
07-01 2706
ts高级使用 函数定义 ts是支持函数定义来定义类型的，ts的函数定义一般被称为泛型 如： ![在这里插入图片描述](https://img-blog.csdnimg.cn/202106
TypeScript 的基础语法
这个Bug怎么解啊？
12-28 2132
TypeScript的基础语法，包含类型注解、TS简单数据类型、复杂数据类型、新增数据类型、自定义类型type、any型、枚举型enum等等等
Vue使用ts typescript，使用Jquery报错 , $ 不认识的解决办法
weixin_34342578的博客
03-19 1371
vue-cli 3.0 脚手架搭建的 vue项目，使用 typescript编写。期间遇见了不少坑。 由于项目需要用到第三方密码键盘插件和加密插件，须在index.html 页面顶部 引入jquery JS. 当组件使用 '. Do you need to install type definitions for jQuery? Try npm i @types/jquery. 1 2 3 : ...
TypeScript中的变量与变量类型
xiao猪仙的博客
07-05 662
TypeScript中的变量与变量类型1.变量2.变量的使用3.类型注解3.1 什么是类型注解3.2类型注解作用4.变量命名规范4.1变量的命名规则4.2推荐的变量命名规范5.数据类型6.基本数据类型6.1 数子类型6.2字符串类型6.3布尔类型6.4 undefined、null TypeScript为JavaScript添加了类型系统，那么在TypeScript中的变量与变量类型是什么样的呢？ 1.变量 变量,是用来存储数据的容器，并且是可以变化的。 2.变量的使用 变量的使用分为两步: 1.声明变量并
js程序中美元符号$是什么
加行道
11-04 4365
1、首先可以用来表示变量， 比如变量 var s=asdsd或var $s=asdasd; 2、在正则表达式中，它可以匹配结尾 /sa$/.test(string) 匹配string字符串中的sa，比如string=125sa则匹配，string=125sa21则不匹配 正则表达式很复杂，这里只是简单的说说。 3、由于受prototype.js（老外写的框架，用于将一些常用的函数封
TS入门笔记2——TS接口进阶详解
进击的火山博客
10-06 2961
一、为什么需要接口？ let obj:object; // 定义了一个只能保存对象的变量 // obj = 1; // obj = "123"; // obj = true; obj = {name:'lnj', age:33}; console.log(obj); 之前我们已经介绍了用这种方式定义一个ts的对象，但是这样定义内部的属性并没有被限制，意义是不大的。 为了进一步定义对象内的各种属性，就产生了接口。 二、什么是接口类型? 和number,string,b
typescript基础用法
qq_58497466的博客
08-31 667
typescript基础用法，入门typescript
Ts 语法
最新发布
05-14
### TypeScript 语法教程 #### 1. 安装 TypeScript 要使用 TypeScript，首先需要安装它。可以通过 Node.js 的包管理工具 `npm` 进行全局安装： ```bash npm install -g typescript ``` 这一步完成后，就可以使用 `tsc` 命令来编译 TypeScript 文件[^4]。 --- #### 2. 基本数据类型 TypeScript 提供了多种基本的数据类型，这些类型可以在定义变量时指定： - **字符串 (string)** 使用 `string` 类型表示文本数据。 ```typescript let productName: string = "ytnb"; ``` - **数字 (number)** 表示整数或浮点数。 ```typescript let price: number = 10; ``` - **布尔值 (boolean)** 表示逻辑值 `true` 或 `false`。 ```typescript let isAvailable: boolean = true; ``` - **对象 (object)** 表示复杂的数据结构，通常是一个键值对集合。 ```typescript let product: { title: string; price: number; inStock: boolean } = { title: "ytnb", price: 9.99, inStock: true, }; ``` - **联合类型 (Union Types)** 当一个变量可以有多种类型时，可以使用联合类型。 ```typescript let num: number | string = 15; let args: string | string[] = "hello"; ``` - **任意类型 (any)** 如果不确定变量的具体类型，可以使用 `any` 来跳过类型检查。 ```typescript let a: any = 10; ``` 以上是 TypeScript 中常见的基本数据类型及其用法[^4]。 --- #### 3. 类型注解与静态类型检查 TypeScript 的核心功能之一是对代码进行静态类型检查。通过显式的类型注解，开发者可以在编写代码阶段发现潜在的错误。 例如，在函数参数中添加类型注解： ```typescript function add(x: number, y: number): number { return x + y; } add(5, 10); // 正确 // add("5", 10); // 错误：参数类型不匹配 ``` 这种机制有助于提高代码的质量和可维护性[^1]。 --- #### 4. 类与面向对象编程 TypeScript 支持类和继承等面向对象编程的核心概念。以下是创建类并实现方法的例子： ```typescript class Site { name(): void { console.log("sunjiaoshou"); } } let obj = new Site(); obj.name(); // 输出: sunjiaoshou ``` 此外，还可以通过 `extends` 实现类的继承以及通过 `implements` 实现接口约束[^3]。 --- #### 5. 接口 (Interfaces) 接口用于定义对象的形状或结构。它可以用来描述复杂的类型，从而增强代码的可读性和健壮性。 ```typescript interface Product { title: string; price: number; inStock?: boolean; // 可选属性 } let book: Product = { title: "TypeScript Handbook", price: 29.99, }; ``` 这里定义了一个名为 `Product` 的接口，并将其应用于变量 `book` 上。 --- #### 6. 模块化开发 TypeScript 支持 ES6 模块标准，允许将代码分割成独立的小文件以便于管理和重用。 ```typescript // math.ts export function sum(a: number, b: number): number { return a + b; } // main.ts import { sum } from "./math"; console.log(sum(5, 7)); // 输出: 12 ``` 这种方式使得大型项目更加易于维护[^2]。 --- #### 7. 箭头函数 (Arrow Functions) 箭头函数类似于 JavaScript 中的匿名函数，但它具有更简洁的语法并且不会绑定自己的 `this`。 ```typescript const multiply = (x: number, y: number): number => x * y; console.log(multiply(3, 4)); // 输出: 12 ``` 此特性来源于 C# 和其他现代语言的设计理念[^1]。 --- #### 8. 类型断言 (Type Assertions) 当开发者清楚某个变量的实际类型而 TypeScript 编译器无法推断时，可以使用类型断言强制转换其类型。 ```typescript let someValue: any = "This is a string"; let strLength: number = (<string>someValue).length; // 方式一 let strLengthAlt: number = (someValue as string).length; // 方式二 ``` 注意，如果断言错误可能会导致运行时异常[^5]。 --- #### 总结 TypeScript 是一种强大的编程语言，能够帮助开发者构建高质量的应用程序。它的主要特点包括但不限于静态类型检查、丰富的类型系统和支持最新的 ECMAScript 特性。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值