2024年前端最新TypeScript系列教程十一《装饰器》 -- 装饰器与继承，字节跳动历年校招Web前端面试真题解析

这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中，共计111道

HTML

• HTML5有哪些新特性？

• Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

• 如何实现浏览器内多个标签页之间的通信？

• ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？

• 简述⼀下src与href的区别？

• cookies,sessionStorage,localStorage 的区别？

• HTML5 的离线储存的使用和原理？

• 怎样处理 移动端 1px 被 渲染成 2px 问题？

• iframe 的优缺点？

• Canvas 和 SVG 图形的区别是什么？

JavaScript

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

• 问：0.1 + 0.2 === 0.3 嘛？为什么？

• JS 数据类型

• 写代码：实现函数能够深度克隆基本类型

• 事件流

• 事件是如何实现的？

• new 一个函数发生了什么

• 什么是作用域？

• JS 隐式转换，显示转换

• 了解 this 嘛，bind，call，apply 具体指什么

• 手写 bind、apply、call

• setTimeout(fn, 0)多久才执行，Event Loop

• 手写题：Promise 原理

• 说一下原型链和原型链的继承吧

• 数组能够调用的函数有那些？

• PWA使用过吗？serviceWorker的使用原理是啥？

• ES6 之前使用 prototype 实现继承

• 箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？

• 事件循环机制 （Event Loop）

• TypeScript系列教程二《安装起步》

• TypeScript系列教程三《基础类型》

• TypeScript系列教程四《扩展类型》

• TypeScript系列教程五《对象类型》》

• TypeScript系列教程六《泛型》

• TypeScript系列教程七《接口》

• TypeScript系列教程八《类》

• TypeScript系列教程九《高级类型》

• TypeScript系列教程九《类型转换》-- keyof和typeof 操作

• TypeScript系列教程九《类型转换》-- 索引访问类型

• TypeScript系列教程九《类型转换》-- 条件类型

• TypeScript系列教程九《类型转换》-- 映射类型

• TypeScript系列教程九《类型转换》-- 条件类型

• TypeScript系列教程九《类型转换》-- 模板文本类型

• TypeScript系列教程十《模块》

• TypeScript系列教程十一《装饰器》 – 装饰器与继承

• TypeScript系列教程十一《装饰器》 – 类装饰器

• TypeScript系列教程十一《装饰器》 – 方法装饰器

• TypeScript系列教程十一《装饰器》 – reflect-metadata

• TypeScript系列教程十一《装饰器》 – 属性装饰器

• TypeScript系列教程十一《装饰器》 – 参数装饰器

装饰器模式的概念

---

装饰器模式（Decorator Pattern）允许向一个现有的对象添加新的功能，同时又不改变其结构。这种类型的设计模式属于结构型模式，它是作为现有的类的一个包装。

这种模式创建了一个装饰类，用来包装原有的类，并在保持类方法签名完整性的前提下，提供了额外的功能。

TypeScript装饰器分类

---

TypeScript 的装饰器可以分为：

• 类装饰器

最后：

总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。

面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。

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

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

[外链图片转存中…(img-9AP4KF9H-1715586981482)]