前端面试题总结.doc

前端面试题总结 本文档总结了最近三年面试的经验，涵盖了从 Angular1 到 Angular2、Vue 等前端技术栈的知识点。除了框架之外，还涵盖了基础知识，包括 HTML、CSS、CSS3、一些前端的数据结构和高级 JavaScript 编程思想。 一、JavaScript 基础知识 1. 变量提升和函数提升 在 ES6 之前，JavaScript 没有块级作用域（一对花括号 {} 即为一个块级作用域），只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分。如果是全局变量，则提升到最开始的部分；如果是某个函数的局部变量，则提升到该函数的最开始的部分。 2. 使用 var 和 let 的区别 使用 var 可以在声明局部变量和全局变量，不使用 var 表示一个依附于 window 对象的全局变量。let 关键字不存在变量提升，有块级作用域，且在块级作用域内封闭，不会受到外界 a 的影响。 3. JavaScript 中的函数 JavaScript 中创建函数有两种方式：函数声明式和函数字面量式。只有函数声明才存在函数提升。 二、单元测试 1. 使用 Jasmine 进行单元测试 Jasmine 作为一个前端团队使用的测试框架，可以用来对 JavaScript 进行单元测试。 describe("A suite", function() { it("contains spec with an expectation", function() { expect(true).toBe(true); }); }); 三、ES6 新增关键字 1. let 和 const let 关键字不存在变量提升，有块级作用域，且在块级作用域内封闭，不会受到外界 a 的影响。const 是常量（contsant）的缩写，与 let 相比，const 专门用来声明一个常量，由 const 声明常量后，该常量不可被修改，并且有块级作用域，不存在变量提升，在后面的代码中不允许声明与其同名的常量，在声明后必须赋值（否则会报错）。 四、其他知识点 1. JavaScript 的数据结构 JavaScript 中的数据结构包括数组、对象、链表、栈、队列等。 2. 高级 JavaScript 编程思想 高级 JavaScript 编程思想包括闭包、原型链、继承、装饰器等。 本文档涵盖了前端面试的知识点，从基础知识到高级编程思想，都是前端开发者需要了解和掌握的。