大厂前端面试|编写高质量代码，# 开始
能在规定时间内写出功能健全、思路清晰、格式规整的代码，这是前端工程师的必备技能，所以面试时必考手写代码。本章将通过多个面试题，讲解前端常考的写代码问题，并总结出高质量代码的关键点。
## 为何要考察
代码是成员的一张脸。如果代码都写不好，那不具备基本的工作能力。所以，面试都要考察手写代码。
而且，实际工作中，多人协同做项目，你自己写不好代码，会影响整个项目。所以，代码写不好，工作找不到。
## 考察重点
- 代码规范性
- 功能完整性
- 鲁棒性
## 注意事项
面试不一定要求在纸上写代码，所以建议带着自己的笔记本电脑去面试，写代码时可以咨询面试官可否在电脑上写。
## 看几个题目
参考视频教程。
在现代前端开发中，手写代码已经成为一项重要的技能测试，尤其在大厂的面试过程中。本篇文档详细阐述了为何要考察前端工程师的手写代码能力，以及考察的重点，并且指出了在面试时需要注意的事项。
文档指出代码规范性、功能完整性以及鲁棒性是考察手写代码时的三个重点。代码规范性关注代码的风格和格式是否符合行业标准；功能完整性则要求应聘者能够正确无误地实现预定功能；而鲁棒性强调代码的健壮性，即在面对错误输入或异常情况时的应对能力。
文档中还提到面试官可能不会要求应聘者在纸上手写代码，而是建议携带笔记本电脑去面试，并且在面试过程中可以向面试官咨询是否可以在电脑上编写代码。这样的建议无疑为应聘者提供了便利，同时也体现了面试官对于应聘者实际工作习惯的考虑。
随后，文档通过一个关于手写`new`操作符的示例，向读者展示了一个经典的手写代码题目。文档提到了`class`关键字和构造函数之间的关系，解释了`class`实际上只是ES6引入的一种语法糖，它的本质与ES5中的构造函数相同。例如，类`Foo`的定义在ES6中用`class`语法糖，而在ES5中则通过传统的构造函数来实现。
接下来，文档详细描述了`new`操作符在对象创建过程中的作用机制。这段描述中，我们可以得知`new`操作符的内部过程包括三个步骤：创建一个空对象`obj`，这个对象将继承构造函数的原型；执行构造函数，将`obj`作为上下文（`this`）传递给构造函数；最后返回这个对象`obj`。
为了加深理解，文档通过一个具体的例子演示了如何实现一个类似`new`操作符的函数。这样的实现要求开发者对JavaScript的原型和原型链有充分的理解。在文档的末尾，还提出了一个面试中的连环问题：`Object.create`和`{}`在创建对象时的区别。`Object.create`可以指定原型来创建一个空对象，而直接使用`{}`则等同于`Object.create(Object.prototype)`，即创建一个根据`Object`原型的空对象。这进一步说明了前端面试对深入理解JavaScript基础概念的重视。
总结来说，手写代码在前端面试中是一个非常重要的环节。面试官通过这一环节可以评估应聘者对代码规范的遵循程度、编写完整功能的能力以及代码的健壮性。应聘者在准备面试时，应深入理解JavaScript中的关键概念，如原型和原型链，并熟悉如何使用这些概念编写高质量的代码。同时，掌握`new`操作符的工作原理和等效实现，以及理解`Object.create`和直接使用对象字面量创建对象之间的差异，对于通过面试同样至关重要。
