2024年Web前端最全TypeScript系列教程九《类型转换》-- 索引访问类型(1)，阿里P7级别面试经验总结

js基础

1)对js的理解？
2)请说出以下代码输出的值？
3)把以下代码，改写成依次输出0-9
4)如何区分数组对象，普通对象，函数对象
5)面向对象、面向过程
6)面向对象的三大基本特性
7)XML和JSON的区别？
8)Web Worker 和webSocket？
9)Javascript垃圾回收方法？
10)new操作符具体干了什么呢？
11)js延迟加载的方式有哪些？
12)WEB应用从服务器主动推送Data到客户端有那些方式？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

type Person = { age: number; name: string; alive: boolean };

type Age = Person[“age”];

//type Age = number

类型的索引访问类型，我们可以使用联合类型，keyof 或者 其他type:

type I1 = Person[“age” | “name”];

//type I1 = string | number

type I2 = Person[keyof Person];

//type I2 = string | number | boolean

type AliveOrName = “alive” | “name”;

type I3 = Person[AliveOrName];

//type I3 = string | boolean

如果index属性不存在的话，TS会报错

type I1 = Person[“alve”];

//Property ‘alve’ does not exist on type ‘Person’.

使用任意类型进行索引的另一个示例是使用number获取数组元素的类型。我们可以将其与typeof相结合，方便地捕获数组文本的元素类型：

const MyArray = [

{ name: “Alice”, age: 15 },

{ name: “Bob”, age: 23 },

{ name: “Eve”, age: 38 },

];

type Person = typeof MyArray[number];

// type Person = {

// name: string;

// age: number;

// }

最后

面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

96道前端面试题：

• 

常用算法面试题：

• 

前端基础面试题：
内容主要包括HTML，CSS，JavaScript，浏览器，性能优化

• 

图片转存中…(img-0i3Uf1vH-1714830704886)]

前端基础面试题：
内容主要包括HTML，CSS，JavaScript，浏览器，性能优化

• [外链图片转存中…(img-aLuLtLy0-1714830704886)]