【Typescript入门手册】一篇文章速览常见类型,前端面试知识点总结宝典助你通关

let something;

something = ‘str’;

something = 7;

something.name = ‘余光’;

// 等价于

let something: any;

something = ‘str’;

something = 7;

something.name = ‘余光’;

注意:

经过前面两点(尤其是第二点)的描述,你会发现如果给变量添加了any的声明,那么Typescript就变成了AnyScript了,那岂不是一夜回到了解放前?理论上我们尽量不使用any,就好像才出现了const和let之后,我们进来避免试用var一样。

在这里插入图片描述

四、数组


在TypeScript中,数组类型有多种定义方式声明一个类似于 [1, 2, 3] 的数组类型,你可以用number[]。这个语法可以适用于任何类型(举个例子,string[] 表示一个字符串数组)。你也可能看到这种写法 Array<number>,是一样的。未来了解泛型时我们再来深入的研究。先来了解一下简单方法吧~

4.1 类型 + 方括号

let fibonacci: number[] = [1, 1, 2, 3, 5]; // 此时数组内每个元素都会进行类型检测

fibonacci.push(‘8’); // 类型“string”的参数不能赋给类型“number”的参数。

4.2 数组泛型

具体详细内容我们之后再展开~

我们可以使用数组泛型(Array Generic) Array<elemType> 来表示数组:

let fibonacci: Array = [1, 1, 2, 3, 5];

4.3 any在数组中的应用

一个比较常见的做法是,用 any 表示数组中允许出现任意类型:

let list: any[] = [‘xcatliu’, 25, { website: ‘http://xcatliu.com’ }];

对于any约束的数字,其实就是主动放弃了类型检测~

五、对象


除了原始类型,最常见的类型就是对象类型了。定义一个对象类型,我们只需要简单的列出它的属性和对应的类型。

5.1 对象属性注释

来看下面一段代码:

**注意:**此时参数的数量不一致,

  • 18
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当然,以下是 TypeScript 前端开发中的十个重要知识点: 1. 类型系统:TypeScript 是 JavaScript 的超集,它引入了静态类型检查,可以在编译时捕获潜在的类型错误,并提供更好的代码补全和文档。 2. 接口和类型TypeScript 提供了接口和类型(type)来定义自定义数据结构和对象的形状。它们可以用于强制编译时类型检查和类型推断。 3. 类和继承:TypeScript 支持类和继承,让你可以使用面向对象的编程范式来组织和管理代码。 4. 泛型:泛型允许你编写可重用的代码,可以在不同类型之间共享相同的逻辑。它在创建通用数据结构和函数时非常有用。 5. 模块化:TypeScript 原生支持 ES 模块规范,可以帮你将代码拆分为多个可重用的模块,并提供更好的代码组织和封装。 6. 异步编程:TypeScript 提供了异步编程的支持,包括 Promise、async/await 和生成器等语法糖,使得处理异步操作更加简洁和可读。 7. 枚举类型:枚举类型允许你定义一组命名的常量,并将它们作为一种数据类型使用。这在需要表示一组相关的变量时非常有用。 8. 类型推断:TypeScript类型系统可以根据上下文自动推断变量的类型,减少了手动类型注解的工作量,并提供更好的开发体验。 9. 类型声明文件:TypeScript 可以使用类型声明文件(.d.ts)来描述 JavaScript 库的类型信息,从而提供更好的代码补全和类型检查。 10. 第三方库和工具支持:TypeScript 生态系统非常丰富,支持大多数常用的前端库和工具,如 React、Vue、Webpack 等,使得开发和维护前端项目更加便捷。 这些知识点涵盖了 TypeScript 前端开发的核心概念和特性,希望对你有所帮!如果你还有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值