技术分享博客

1、使用 Set 去重（ES6 中最常用）

2、使用 indexOf()

3、使用includes()方法

4、使用双重for循环

5、使用单重for循环

6、使用filter()方法

7、使用reduce()方法

8、使用Map对象

1、事件委托（Event Delegation）

事件委托是一种利用事件冒泡机制的技术，它允许我们将事件处理程序绑定到父元素上，而不是在每个子元素上都绑定事件处理程序。 当一个事件发生在子元素上时，它会冒泡到父元素，然后由父元素上的事件处理程序来处理。这样做的好处是减少了事件处理程序的数量，尤其适用于动态生成的内容。 举例来说，如果有一个列表，我们希望对列表中的每个项都执行相同的操作，那么我们可以将点击事件处理程序绑定到整个列表的父元素上，而不是在每个列表项上都绑定。

2、事件捕获（Event Capturing）

事件捕获是事件处理的第一个阶段，在事件到达目标元素之前发生。 当一个事件发生时，它会从文档树的根节点开始向下传播至目标元素。在这个过程中，如果某个元素在捕获阶段上绑定了事件处理程序，那么这些事件处理程序会按照捕获的顺序被依次执行。 事件捕获阶段很少被使用，因为它相对不常见，而且大多数情况下我们更关心事件的冒泡阶段。

3、事件冒泡（Event Bubbling）

事件冒泡是事件处理的第二个阶段，在事件到达目标元素之后发生。 当一个事件发生时，它会从目标元素开始向上冒泡至文档树的根节点。在这个过程中，如果某个元素或者它的祖先元素上绑定了事件处理程序，那么这些事件处理程序会按照冒泡的顺序被依次执行。 事件冒泡是 JavaScript 中最常用的事件处理机制，因为它使得我们可以在较高级别的元素上捕获事件，并且更容易管理事件处理程序。

JavaScript执行机制通常指的是它的单线程、事件循环和任务队列。

单线程：

JavaScript在浏览器中是单线程的，意味着同一时间只能执行一个任务，后续的任务必须排队等候。

事件循环：

JavaScript执行时，会形成一个执行栈和一个任务队列。当执行栈为空时，会从任务队列中取出任务执行。

任务队列：

任务队列通常包括宏任务和微任务。宏任务（Macro Task）如setTimeout、setInterval、I/O操作、UI渲染等；微任务（Micro Task）如Promise、MutationObserver等。

window对象是指浏览器打开的窗口。是 JavaScript 中的全局对象，在浏览器环境中始终存在且可直接访问。

document对象是Document对象（HTML 文档对象）的一个只读引用，window对象的一个属性。

1、使用Object.assign()方法

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。

2、使用展开运算符...（ES6语法）

对象的扩展运算符（...）用于取出参数对象的所有可遍历属性，拷贝到当前对象之中。

3、使用for...in循环（递归赋值）

4、使用lodash的merge方法（如果已经在项目中使用了lodash）

5、jquery中的extend()

jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。

创建空对象

1.通过字面量： {}

2.通过Object

new Object()

3.通过函数

function a() {
   this.b = 2
}
let c = new a()

4.通过Object.create

Object.create()

创建空数组

1.通过字面量：[]

2.通过Array

new Array()

3.通过Object.create

Object.create(Array.prototype)

作用域是指变量和函数在代码中的可访问范围

作用域链是指在代码中查找变量和函数的过程，当一个变量或函数在当前作用域中找不到时，它会向上层作用域继续查找，直到找到为止，这种层层嵌套的查找关系形成了作用域链。