前端面试怎么准备？第一弹

Posted 2022-05-27 勇敢*牛牛

js面试题

1、js数据类型

• 基本数据类型：Number、String、Boolean、Null、Undefined、Symbol、bigInt
• 引用数据类型：object、Array、Date、Function、RegExp

2、js变量和函数声明的提升

• 在js中变量和函数的声明会提升到最顶部执行
• 函数的提升高于变量的提升
• 函数内部如果用 var 声明了相同名称的外部变量，函数将不再向上寻找。
• 匿名函数不会提升。

3、闭包

• 闭包就是能够读取其他函数内部变量的函数
• 闭包基本上就是一个函数内部返回一个函数
• 好处：1、可以读取函数内部的变量2、将变量始终保持在内存中3、可以封装对象的私有属性和私有方法
• 坏处：比较耗费内存、使用不当会造成内存溢出的问题

4、== 和 ===的区别

• ==是非严格意义上的相等 值相等就相等
• ===是严格意义上的相等，会比较两边的数据类型和值大小值和引用地址都相等才相等

5、this

• this总是指向函数的直接调用者
• 如果有new关键字，this指向new出来的对象
• 在事件中，this指向触发这个事件的对象

6、js数组和对象的遍历方式

• for in
• for
• forEach
• for-of

7、map与forEach的区别

• forEach 方法，是最基本的方法，就是遍历与循环，默认有 3 个传参：分别是遍历的数组内容 item、数组索引index、和当前遍历数组 Array
• map 方法，基本用法与 forEach 一致，但是不同的，它会返回一个新的数组，所以 callback需要有 return
  值，如果没有，会返回 undefined

8、箭头函数与普通函数的区别?

• 函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象
• 不可以当作构造函数，也就是说，不可以使用 new 命令，否则会抛出一个错误
• 不可以使用 arguments 对象，该对象在函数体内不存在。如果要用，可以用 Rest 参数代替
• 不可以使用 yield 命令，因此箭头函数不能用作 Generator 函数

9、同源策略

• 同源指的是域名、协议、端口号相同

10、如何解决跨域

• jsonp跨域
• document.domain + iframe 跨域
• nodejs中间件代理跨域后端在头部信息里面设置安全域名

11、严格模式的限制

• 变量必须声明后再使用
• 函数的参数不能有同名属性，否则报错
• 不能使用 with 语句
• 禁止 this 指向全局对象

12、es6新增

• 新增模板字符串
• 箭头函数
• for-of（用来遍历数据—例如数组中的值。）
• ES6 将 Promise 对象纳入规范，提供了原生的 Promise 对象。
• 增加了 let 和 const 命令，用来声明变量。
• 还有就是引入 module 模块的概念

13、attribute 和 property 的区别是什么?

• attribute 是 dom 元素在文档中作为 html 标签拥有的属性

• property 就是 dom 元素在 js 中作为对象拥有的属性。

• 对于 html 的标准属性来说，attribute 和 property 是同步的，是会自动更新的

• 但是对于自定义的属性来说，他们是不同步的

14、let和const 的区别是什么?

• let 命令不存在变量提升，如果在 let 前使用，会导致报错

• 如果块区中存在 let 和 const 命令，就会形成封闭作用域

• 不允许重复声明

• const定义的是常量，不能修改，但是如果定义的是对象，可以修改对象内部的数据

15、内存泄漏

• 定义：程序中己动态分配的堆内存由于某种原因程序未释放或无法释放引发的各种问题。
• js中可能出现的内存泄漏情况：结果：变慢，崩溃，延迟大等
• js中可能出现的内存泄漏原因1、全局变量2、dom 清空时，还存在引用3、定时器未清除4、子元素存在引起的内存泄露

16、script 引入方式?

• html 静态 <script> 引入

• js 动态插入 <script>

• <script defer> : 异步加载，元素解析完成后执行

• <script async> : 异步加载，但执行时会阻塞元素渲染

17、数组(array)方法

• map : 遍历数组，返回回调返回值组成的新数组
• forEach : 无法 break ，可以用 try/catch 中 throw new Error 来停止
• filter : 过滤
• some : 有一项返回 true ，则整体为 true
• every : 有一项返回 false ，则整体为 false
• join : 通过指定连接符生成字符串
• push / pop : 末尾推入和弹出，改变原数组， 返回推入/弹出项
• unshift / shift : 头部推入和弹出，改变原数组，返回操作项
• sort(fn) / reverse : 排序与反转，改变原数组
• concat : 连接数组，不影响原数组， 浅拷贝
• slice(start, end) : 返回截断后的新数组，不改变原数组
• splice(start,number,value…): 返回删除元素组成的数组，value 为插入项，改变原数组
• indexOf / lastIndexOf(value, fromIndex) : 查找数组项，返回对应的下标
• reduce / reduceRight(fn(prev, cur) ，defaultPrev) : 两两执行，prev
  为上次化简函数的return 值，cur 为当前值(从第二项开始)