685道前端工程师JavaScript面试题和训练题(含答案).docx
JavaScript 前端工程师面试题和训练题 本文档包含了 JavaScript 训练题以及各大公司的面试题, 附答案。涵盖了 JavaScript 的多方面知识点,包括 ES6 新特性、数组操作、DOM 操作等。 ES6 新特性 在 JavaScript 中,function 后面带 * 的叫做 generator function。generator function 在执行时,返回一个迭代器。迭代器是一个特殊的对象,它可以用来遍历一个sequance(例如数组、字符串等)。在上面的代码中,function * gen() { yield 1; yield 2; yield 3;} 是一个 generator function,它返回一个迭代器。 数组操作 在 JavaScript 中,数组是一种常用的数据结构。数组可以使用各种方法来操作,例如 push、pop、shift、unshift 等。在上面的代码中,var arr=[a,b,c,d]; 中的 arr 是一个数组,每个元素都是一个变量。要得到数组中最大的整数,可以使用 Math.max() 函数,但是需要注意的是,Math.max() 函数的参数是 Number 类型的,如果不是 Number 类型的参数,会返回 NaN。 DOM 操作 在 JavaScript 中,DOM(Document Object Model)是用来表示 HTML 文档的树形结构的。DOM 提供了很多方法来操作 HTML 文档,例如 getElementById、getElementsByTagName 等。在上面的代码中,function traverse() { ... } 是一个遍历 HTML 文档的函数,它可以输出所有页面宽度和高度大于 50 像素的节点。这个函数使用了 document.all 和 document.getElementsByTagName("*") 来获取所有的 HTML 元素,然后遍历每个元素,检查其宽度和高度是否大于 50 像素。 JavaScript 基础知识 在 JavaScript 中,变量可以存储不同类型的值,例如数字、字符串、布尔值等。在上面的代码中,var width = parseFloat(ele.style.width) || ele.offsetWidth; 是获取元素的宽度,使用 parseFloat() 函数来将字符串转换为数字,或者使用 offsetWidth 属性来获取宽度。 JavaScript 高级知识 在 JavaScript 中,函数可以作为参数传递给其他函数,例如在上面的代码中,function traverse() { ... } 可以作为参数传递给其他函数。这种技术称为高阶函数(Higher-order function)。 本文档涵盖了 JavaScript 的多方面知识点,包括 ES6 新特性、数组操作、DOM 操作等。这些知识点对于前端工程师非常重要,可以帮助他们更好地理解和使用 JavaScript。
剩余63页未读,继续阅读
- 恐怖人2021-08-24目测还可以
- 粉丝: 5
- 资源: 3
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助