前端面试题集锦（4）-创新互联

目录

1、对 this 的理解, 三种改变 this 的方式 ?

2、cookie, localStorage,sessionStorage 的区别 ?

3、原生 ajax 的流程 ?  

4、如何实现继承 ?

5、函数的节流和防抖是什么 ?

6、什么是 Promise 以及promise的作用 ?

7、Promsie 和 async/await 的区别和使用 ?

8、对于数组去重你有哪些办法 ?

9、如何实现数组的复制 ?

10、git 的常用指令有哪些 ?

✏️  对象属性的this 指向对象外上下文环境的 this ✏️  对象方法( 普通函数 ) 中的 this ，指向当前对象 ( 谁执行该方法， this 就指向谁 )

✏️  setTimeout ， setInterval 回调函数不管是否是严格模式都会指向 window 。 ✏️  通过在函数内执行当前回调函数 非严格模式：this 指向 window ， 严格模式时： this 指向undefined 。 ✏️  递归函数中的this 非严格模式： this 指向 window ， 严格模式时： this 指向 undefined 。 ✏️   使用 arguments 0 执行函数时 this 指向 arguments 。 ✏️  事件中的回调函数,this 指向事件侦听的对象 (e.currentTarget);

✏️  如果call,apply,bind 传参时，第一个参数传入的不是 null 或者 undefined ，传入什么 this 指向什么 ✏️  如果第一个参数传入的是null 或者 undefined , 非严格模式下指向 window

✏️  构造函数中的this 指向实例当前类所产生的新的实例对象 ✏️  类中实例化方法中this 指向谁执行该方法， this 指向谁 ✏️  类中静态方法中this 执行该类或者该类的构造函数 ✏️  类中实例化箭头方法，this 仍然指向当前类实例化的实例对象

✏️  在原型的方法中，this 指向实例化当前构造函数的实例化对象（谁执行该方法， this 指向谁） ; ✏️  三种改变this 指向的方式 ✏️  函数名.call （this,....） this 写谁就指谁。 ✏️  函数名.apply(this,[ 参数 1 ，参数 2 ， ...]) this 写谁就指谁。 ✏️  函数名. bind (this,1,2,3) this 写谁就指谁。

📕 cookie

存储方式 存储用户信息，获取数据需要与服务器建立连接。 以路径存储，上层路径不能访问下层的路径 cookie ，下层的路径 cookie 可以访问上层的路径 cookie 作用与特性 可存储的数据有限，且依赖于服务器，无需请求服务器的数据尽量不要存放在 cookie 中，以免影响页面性能。 可设置过期时间。 存储数量及大小 将 cookie 控制在 4095B 以内，超出的数据会被忽略。 IE6 或更低版本 最多存 20 个 cookie ； IE7 及以上 版本 多可以有 50 个； Firefox 多 50 个； chrome 和 Safari 没有做硬性限制。 cookie 大特征就是可以在页面与服务器间互相传递，当发送或者接受数据时自动传递

📕 localStorage

存储客户端信息，无需请求服务器。 数据永久保存，除非用户手动清理客户端缓存。 开发者可自行封装一个方法，设置失效时间。 5M 左右，各浏览器的存储空间有差异。 任何地方都可以存都可以取 操作简单

📕 sessionStorage

存储客户端信息，无需请求服务器。 数据保存在当前会话，刷新页面数据不会被清除，结束会话（关闭浏览器、关闭页面、跳转页面）数据失效。 5M 左右，各浏览器的存储空间有差异。 同页面不同窗口中数据不会共享

📕 节流

节流是指当一个事件触发的时候 , 为防止事件的连续频繁触发 , 设置定时器 , 达到一种一段事件内只触发一次的效果 , 在当前事件内不会再次触发, 当前事件结束以后 , 再次触发才有效 .

📕 防抖

防抖是指当一个事件触发的时候 , 为防止频繁触发事件 , 设置定时器 , 以达到一种 频繁触发期间不处理 , 只有当最后一次连续触发结束以后才处理

Promise 是异步编程的一种解决方案：从语法上讲， promise 是一个对象，从它可以获取异步操作的消息； 从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。 promise 有三种状态： pending( 等待态 ) ， fulfiled( 成功态 ) ， rejected( 失败态 ) ；状态一旦改变，就不会再变。创造promise 实例后，它会立即执行 promise 是用来解决两个问题的： 回调地狱，代码难以维护， 常常第一个的函数的输出是第二个函数的输入这种现象 promise 可以支持多个并发的请求，获取并发请求中的数据 这个 promise 可以解决异步的问题，本身不能说 promise 是异步的

✏️  函数前面多了一个async 关键字。 await 关键字只能用在 async 定义的函数内。 async 函数会隐式地返回一个promise ，该 promise 的 reosolve 值就是函数 return 的值。 ✏️  第1 点暗示我们不能在 外层代码中使用 await ，因为不在 async 函数内。使用：           1.async 和 await 是配对使用的， await 存在于 async 的内部。否则会报错 。           2.await 表示在这里等待一个 promise 返回，再接下来执行。           3.await 后面跟着的应该是一个 promise 对象，（也可以不是，如果不是接下来也没什么意义了 ）

for(var i=0;i

📕 第二种：

var arr1=[];
for(var i=0;i

📕 第三种：

var arr1=[];
for(var i=0;i

📕 第四种：

var arr1=[];
for(var i=0;i

📕 第五种：

var arr1=[];
for(var i=0;i

📕 第六种：

arr=[1,2,3,1,2,3,1,2,3]
new Set(arr);

var arr1=[];
for(var i=0;i

var arr1=[...arr];

var arr1=arr.slice();

var arr1=arr.concat();

var arr1=arr.map(item=>item);

var arr1=arr.reduce((v,t)=>v.push(t),[])