前端面试小记(1)

最新推荐文章于 2024-11-16 18:22:10 发布

2401_84446712

最新推荐文章于 2024-11-16 18:22:10 发布

阅读量55

点赞数 3

分类专栏：程序员文章标签：前端面试 javascript

本文链接：https://blog.csdn.net/2401_84446712/article/details/138391446

版权

程序员专栏收录该内容

160 篇文章 0 订阅

订阅专栏

扩展：

1.  使用`instaceof`和`construcor`，被判断的`array`必须是在当前页面声明的。比如，一个页面（父页面）有一个框架，框架中引用了一个页面（子页面），在子页面中声明了一个`array`，并将其赋值给父页面的一个变量，这时判断该变量，`Array == object.constructor;`会返回`false`。

2.  最简单的方法，在IE6下判断`null`和`undefined`，有一些bug，判断`undefined`和`null`均为`Object`，(并不是`bug`，是在ES3的标准下返回的就为`Object`)

谈一谈let与var的区别？

let为ES6新添加申明变量的命令，它类似于var，但是有以下不同：

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

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

不允许重复声明，因此，不能在函数内部重新声明参数

map与forEach的区别？

因为平时基本只用forEach，所以这个很尴尬，索性就把新增的数组方法都刷一遍吧。

forEach方法，是最基本的方法，就是遍历与循环，默认有3个传参：分别是遍历的数组内容item、数组索引index、和当前遍历数组Array。另外，除去第一个必须的回调函数参数，还可以接受一个上下文参数(改变回调函数的this指向)；并且forEach不会遍历空元素。

map方法，基本用法与forEach一致，但是不同的，它会返回一个新的数组，所以在callback需要有return值，如果没有，会返回undefined。(从字面理解，map就是映射的意思)

filter方法，用法和map很相似，从字面理解，就是过滤、筛选的意思。但是函数的callback需要返回布尔值true或false，并且返回值只需要为弱等==即可。

some 方法，对数组中每一项运行指定函数，如果该函数对任一项返回true，则返回true。(一旦遇到true，就会中断循环，返回true，类似于||判断)

every方法，对数组中的每一项运行给定函数，如果该函数对每一项返回true，则返回true。(一旦遇到false，就会中断循环，返回false，类似于&&判断)

indexOf方法，与字符串中的indexOf类似，返回数组索引值，如果没有匹配，则会返回-1，第二个参数为可选，表示从当前位置开始搜索。

lastIndexOf方法，与indexOf相似，只是是从数组的末尾开始查找，而第二个参数的默认值是array.length - 1。

reduce方法，字面意思应该是‘减少’，但是实际是‘递归’的意思。实际就是应用一个函数针对数组的两个值(从左到右)，以减至一个值。它的callback接收4个参数：之前值(上一次循环返回的值)、当前值、索引值以及数组本身。initialValue参数可选，表示初始值。

reduceRight方法，与reduce方法类似，只是从数组的末尾开始实现。

谈一谈你理解的函数式编程？

what？函数编程就是函数编程啊，还有什么理解？？

现在查了一下，才知道，原来没有那么简单！！！

简单说，“函数式编程"是一种"编程范式”（programming paradigm），也就是如何编写程序的方法论。

它具有以下特性：闭包和高阶函数、惰性计算、递归、函数是"第一等公民"、只用"表达式"，不用"语句"(都会有返回值)、没有"副作用"、不修改状态、引用透明性。

具体的特性代表了什么，我还要好好研究一下！！

谈一谈箭头函数与普通函数的区别？

平时用的很爽，但是还真没有考虑过这个问题！！

箭头函数使得表达更加简洁。(这个是废话)

函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。

不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。

不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用Rest参数代替。

不可以使用yield命令，因此箭头函数不能用作Generator函数。

谈一谈函数中this的指向吧？

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。

《javascript语言精髓》中大概概括了4种调用方式：

方法调用模式

函数调用模式

构造器调用模式

apply/call调用模式

特别补充：

在构造器调用时，如果加入了return并且return了一个对象，this会指向这个return的对象。

var p = new Emp();

// 过程模拟，new关键字会创建一个空的对象，然后会自动调用一个函数apply方法，将this指向这个空对象，这样的话函数内部的this就会被这个空的对象替代。

var p = {};

Emp.apply(p);

p.__proto__=Emp.prototype;

谈一谈闭包吧？

「闭包」，是指那些能够访问独立(自由)变量的函数 (变量在本地使用，但定义在一个封闭的作用域中)。换句话说，这些函数可以“记忆”它被创建时候的环境。特性：

函数嵌套函数

函数内部可以引用外部的参数和变量

参数和变量不会被垃圾回收机制回收

异步编程的实现方式？

回调函数：

*   优点：简单、容易理解

*   缺点：不利于维护，代码耦合高

事件监听(采用时间驱动模式，取决于某个事件是否发生)：

*   优点：容易理解，可以绑定多个事件，每个事件可以指定多个回调函数

*   缺点：事件驱动型，流程不够清晰

发布/订阅(观察者模式)：

*   类似于事件监听，但是可以通过‘消息中心’，了解现在有多少发布者，多少订阅者。

Promise对象

*   优点：可以利用then方法，进行链式写法；可以书写错误时的回调函数；

*   缺点：编写和理解，相对比较难

Generator函数

*   优点：函数体内外的数据交换、错误处理机制

*   缺点：流程管理不方便

TCP协议

TCP 和 UDP 的区别？
TCP 三次握手的过程？
为什么是三次而不是两次、四次？
三次握手过程中可以携带数据么？
说说 TCP 四次挥手的过程
为什么是四次挥手而不是三次？
半连接队列和 SYN Flood 攻击的关系
如何应对 SYN Flood 攻击？
介绍一下 TCP 报文头部的字段
TCP 快速打开的原理(TFO)
说说TCP报文中时间戳的作用？
TCP 的超时重传时间是如何计算的？
TCP 的流量控制
TCP 的拥塞控制
说说 Nagle 算法和延迟确认？
如何理解 TCP 的 keep-alive？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

浏览器篇

浏览器缓存?
说一说浏览器的本地存储？各自优劣如何？
说一说从输入URL到页面呈现发生了什么？
谈谈你对重绘和回流的理解
XSS攻击
CSRF攻击
HTTPS为什么让数据传输更安全？
实现事件的防抖和节流？
实现图片懒加载？

+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

浏览器篇

浏览器缓存?
说一说浏览器的本地存储？各自优劣如何？
说一说从输入URL到页面呈现发生了什么？
谈谈你对重绘和回流的理解
XSS攻击
CSRF攻击
HTTPS为什么让数据传输更安全？
实现事件的防抖和节流？
实现图片懒加载？