常用前端JS面试题总结，速来！！！

叁歲伎倆 2021-09-07 13:00 347阅读 0赞

**1. JS 的 typeof 返回哪种数据类型？**  
基 本 数 据 类 型 ： String,boolean,Number,Undefined, Null, ；  
引 用 数 据 类 型 Object(Array,Date,RegExp,Function)  
如何判断某变量是否为数组数据类型？  
if(typeof Array.isArray===“undefined”)  
\{  
Array.isArray = function(arg)\{  
return Object.prototype.toString.call(arg)==="\[object Array\]"  
\};  
\}  
补充：null 是一个表示"无"的对象，转为数值时为 0；undefined 是一个表示"无"的原始值，转为数值时为 NaN。  
当声明的变量还未被初始化时，变量的默认值为 undefined。 null 用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。  
undefined 表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：  
（1）变量被声明了，但没有赋值时，就等于 undefined。  
（2) 调用函数时，应该提供的参数没有提供，该参数等于 undefined。  
（3）对象没有赋值的属性，该属性的值为 undefined。  
（4）函数没有返回值时，默认返回 undefined。  
null 表示"没有对象"，即该处不应该有值。典型用法是：  
（1） 作为函数的参数，表示该函数的参数不是对象。  
（2） 作为对象原型链的终点。

**2、new 操作符具体干了什么呢?**  
（1）创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。  
（2）属性和方法被加入到 this 引用的对象中。  
（3）新创建的对象由 this 所引用，并且最后隐式的返回 this 。

**3、总结常用的 ES6 语法**  
（1）Let：声明的变量，只作用于使用了 let 命令的代码块  
（2）const :声明一个常量，声明过后，就不可修改其值(会报错)  
（3）解构性赋值  
（4）箭头函数：用法的两个明显的优点： \* 函数的写法更加简洁 \* 箭头函数内部没有自己的 this 对象，而是全部继承外面的，所以内部的 this 就是外层代码块的 this。  
（5）字符串模板：ES6 中允许使用反引号 \` 来创建字符串，此种方法创建的字符串里面可以包含由美元符号加花括号包裹的变量$\{vraible\}  
（6）Proxy：Proxy 可以监听对象身上发生了什么事情，并在这些事情发生后执行一些相应的操作  
（7）循环：for of 实现数组的遍历（以及 keys(),value(),entries()等方法）

**4、什么是内存泄漏，哪些常见操作会造成内存泄漏？**  
内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在 C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的 C\#和 Java 等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有 bug，会产生内存泄露。  
（1） 全局变量引起的内存泄漏  
（2） 闭包引起的内存泄漏  
（3）0dom 清空或删除时，事件未清除导致的内存泄漏

**5、jsonp 的原理，有什么优缺点？**  
ajax 请求受同源策略影响，不允许进行跨域请求，而 script 标签 src 属性中的链接却可以访问跨域的js 脚本，利用这个特性，服务端不再返回 JSON 格式的数据，而是返回一段调用某个函数的 js 代码，在 src中进行了调用，这样实现了跨域。  
Jsonp 优点:  
完美解决在测试或者开发中获取不同域下的数据,用户传递一个 callback 参数给服务端，然后服务端返回数据时会将这个 callback 参数作为函数名来包裹住 JSON 数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。  
Jsonp 缺点:  
Jsonp 只支持 get 请求而不支持 post 请求,也即是说如果想传给后台一个 json 格式的数据,此时问题就来了，浏览器会报一个 http 状态码 415 错误，告诉你请求格式不正确。

今天的分享到这里就结束了，想学习前端、获取前端知识，欢迎大家关注，私信我，我会在第一时间帮助大家！！！