zhangwenok的博客

在前端开发领域，JavaScript无疑是核心技能之一。无论是初入行的新手还是经验丰富的开发者，都可能会遇到JavaScript相关的面试题。本文将探讨一些常见的JavaScript面试题，并提供相应的解答，帮助读者深入理解这些考点。

通过JavaScript，我们可以直接操作DOM，改变网页的结构、样式和内容。通过为DOM元素绑定事件监听器，我们可以响应用户的点击、输入、滚动等操作，并执行相应的JavaScript代码。通过学习JavaScript的基础语法、DOM操作、事件处理和异步编程等知识，我们可以开发出功能丰富、交互流畅的Web应用。JavaScript的控制流语句包括条件语句（if-else、switch）、循环语句（for、while、do-while）和跳转语句（break、continue、return）等。

前端面试中常会遇到的手写题主要考察应聘者对前端基础知识的掌握程度以及编程能力。

Promise.all 是一个函数，它接收一个 Promise 对象的数组作为参数，并返回一个新的 Promise 对象。如果数组中有一个 Promise 对象失败，新的 Promise 对象就会立即标记为失败。Promise.race 也是一个函数，它接收一个 Promise 对象的数组作为参数，并返回一个新的 Promise 对象。JavaScript 中的 Promise.all 和 Promise.race 是两个非常实用的函数，它们都用于处理多个 Promise 对象，但使用场景和作用有所不同。

在JavaScript中，reduce()方法是一个非常实用的数组方法，它接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。这个方法在处理数组元素时，将每个元素依次传入函数中进行处理，并将处理结果累积起来，最终得到一个单一的输出值。reduce()total：这是累加器，也是最终的返回值。：当前正在处理的元素。：当前元素的索引。如果省略，则视为应用在数组的元素上，而不是在索引上。arr：调用reduce()的数组。

循环是遍历对象属性的基本方式。在较旧的 JavaScript 引擎中，它的性能可能稍差，但在现代引擎中，它的性能已经得到了优化。注意：在遍历对象时，要注意不要修改对象本身，因为这可能会导致意外的结果。在 JavaScript 中，有许多方法可以遍历对象的属性，但在性能上并没有显著的差异。循环是 ES6 中引入的一种新的遍历数组的方法，它也可以用于遍历对象的属性。循环（区别在于一个 for-in 循环也枚举原型链中的属性）的顺序一致。如果你只对对象的值感兴趣，并且希望将它们转换为一个新的数组，你可以使用。

当发现做一件事可以有更清晰的方式，你就就应该用比较清晰的方式取代复杂的方式。写代码也是一个表达的过程，虽然表现形式不同，但是如果我们能够采用符合人类自然语言习惯的表达习惯来写代码，对阅读代码的人理解我们的代码是很有帮助的。如果你发现自己在多个地方重复相同的代码，那么可能就应该将那部分代码提取出来，创建一个新的函数。：参数列表不应该过长。：纯函数是一种函数，给定相同的输入，总是返回相同的输出，并且没有副作用。良好的注释可以帮助开发人员理解代码的逻辑、功能和实现方式，减少维护成本，提高代码质量和可维护性。

在JavaScript中，this关键字经常用于对象和函数调用中。然而，它往往会令初学者感到困惑，因为它不太容易被准确地理解，有时候甚至会导致代码出现错误。在本篇博客中，我们将探讨this关键字的不同用法，并帮助你更好地理解它。

JavaScript是一种高级编程语言，广泛应用于Web开发。在JavaScript中，数组是一种常用的数据类型，它可以用来存储一组值，这些值可以是任何类型，包括数字、字符串、对象等。JavaScript数组提供了许多强大的操作方法，可以帮助我们轻松地对数组进行操作和处理。在本文中，我们将介绍一些常见的JavaScript数组操作技巧，以帮助您更好地利用JavaScript数组。

字符串反转是一种常见的字符串操作，它将一个字符串从后往前倒序排列，生成一个新的字符串。在这篇技术文档中，我们将介绍如何使用JavaScript实现基本的字符串反转函数。

当点击列表中的任何一个li元素时，事件会冒泡到ul元素，然后我们可以通过判断事件的目标元素是否为li元素来确定是哪个li元素被点击了。JavaScript事件委托是一种优化代码的技术，它允许我们在DOM树中注册一个事件处理程序，并通过冒泡机制处理多个元素的事件。事件委托的好处在于，它可以将事件处理程序绑定到父元素上，从而减少了事件处理程序的数量。在实际开发中，事件委托是一个非常常见的技术。此外，事件委托还可以提高性能，因为它只需要注册一个事件处理程序，而不是为每个子元素都注册一个事件处理程序。

当数组中的元素在条件返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。find()方法只返回数组中满足条件的第一个元素，并非所有元素。find() 对于空数组，函数是不会执行的。filter() 不会对空数组进行检测。find() 并没有改变数组的原始值。js查找数组中符合条件元素的几种方法。filter() 不会改变原始数组。二、filter() 方法。三、find()方法。

它重复地走访过要排序的元素列，依次比较两个相邻的元素，如果顺序（如从大到小、首字母从Z到A）错误就把他们交换过来。走访元素的工作是重复地进行，直到没有相邻元素需要交换，也就是说该元素列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端（升序或降序排列），就如同碳酸饮料中二氧化碳的气泡最终会上浮到顶端一样，故名“冒泡排序”。对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。

1、pop() 方法用于删除数组的最后一个元素并返回删除的元素。注意：此方法改变数组的长度！提示： 移除数组第一个元素，请使用 shift() 方法。2、slice() 方法3、 splice() 方法用于添加或删除数组中的元素。

在日常工作调试中我们经常用到console.log()打印信息，console.log()的输出结果可信吗？下面我们看两个示例。

JS深拷贝和浅拷贝的核心区别就在于不同的数据类型在内存中存储的位置不同。JS的数据类型分为基本数据类型(值类型)字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。引用数据类型（对象类型）对象(Object)、数组(Array)、函数(Function)。基本类型数据保存在栈内存中；引用类型数据保存在堆内存中，引用数据类型的变量是存放在栈中的，指向的是堆内存中实际对象的引用。...

0.1 + 0.2 = 0.3 这个等式的成立看起来是理所当然的,然而事实并非如此，这个属于JS运算中精度的缺失问题，所以0.1+0.2 != 0.3。

1、JS中基本数据类型es5定义了5种基本类型，Null、Undefined、Boolean、String、Number，es6新增了Symbol。Boolean 类型表示一个逻辑实体，有两个值：true 和 false。Null 类型表示缺少的标识，指示变量未指向任何对象。Undefined 类型一个没有被赋值的变量会有个默认值 undefined。Number 类型根据 ECMAScript 标准，Number 基于 IEEE 754 标准的双精度 64 位二进制格式的值（-(263 -1)

一、数组对象去重1、reduce方法原理，新创建一个空对象，然后利用reduce函数的特性，先看一下这个对象里是否有这个id，如果有则跳过，没有将当前值加入preval，并且赋给这个新创建的对象，最终返回的preval一定是去重后的数组对象。let arr = [ {id: 1, name: '周瑜'}, {id: 3, name: '王昭君'}, {id: 2, name: '亚瑟'}, {id: 1, name: '小乔'}, {id: 2, name: '大桥'}, {id:

null 和undefined都是JavaScript里的简单数据类型，我们平时开发中都很常见，它们什么相同点和不同点？相同点都是空变量 都是假值，转布尔值(boolean)都是false undefined派生自nul两者在 == 下是相等的，但在 === （严格相等）下是不相等的； undefined==null // truenull === undefined //false 不同点undefined是表示变量声明过但并未赋过值，它是所有未赋值变量默认值；null表

对于Computed：它支持缓存，只有依赖的数据发生了变化，才会重新计算 不支持异步，当 Computed 中有异步操作时，无法监听数据的变化 如果一个属性是由其他属性计算而来的，这个属性依赖其他的属性，一般会使用 computed 如果 computed 属性的属性值是函数，那么默认使用 get 方法，函数的返回值就是属性的属性值；在 computed 中，属性有一个 get 方法和一个 set 方法，当数据发生变化时，会调用 set 方法。对于Watch：它不支持缓存，当一个属性发生变化

1. 注释(1) 文件顶部的注释，包括描述、作者、日期/** * @description xxxxxx * @author chengfeng * @since 19/05/21 */(2) 模块的注释/** * 拷贝数据 * @param {*} data 要拷贝的源数据 * @param {boolean} [isDeep=false] 是否深拷贝，默认浅拷贝 * @return {*} 返回拷贝后的数据 */(3) 业务代...

面试官：JavaScript中使用forEach会改变原来的数组吗?JavaScript是有基本数据类型与引用数据类型之分的。

整理一些热门的前端开源项目，包括vue2.X、vue3.X、react等

localStorage 和 sessionStorage都是HTML5 专门为存储来设计的，最大可存 5M，而cookie的大小只有4Kb左右。

今天我们来看点基础知识，看看JavaScript中的那些循环遍历方法：一、数组遍历方法1. forEach()forEach方法用于调用数组的每个元素，并将元素传递给回调函数。数组中的每个值都会调用回调函数。其语法如下：array.forEach(function(currentValue,index,arr),thisValue)该方法的第一个参数为回调函数，是必传的，它有三个参数： currentValue：必需。当前元素 index：可选。当前元素...