js笔试题及答案

js笔试题及答案
JavaScript（简称JS）是一种广泛用于web开发的编程语言。

在面试过程中，JS笔试题常常被用来评估候选人的编程水平和解决问题的能力。

本文将介绍一些常见的JS笔试题，并提供相应的答案。

1. 请编写一个函数，实现将一个字符串逆序输出的功能。

答案：
```javascript
function reverseString(str) {
return str.split('').reverse().join('');
}
console.log(reverseString('Hello World!')); //输出：!dlroW olleH
```
2. 请编写一个函数，求出一个数组中所有元素的平均值。

答案：
```javascript
function average(arr) {
let sum = arr.reduce((total, currentValue) => total + currentValue);
return sum / arr.length;
}
console.log(average([1, 2, 3, 4, 5])); //输出：3
```
3. 请编写一个函数，实现对一个数组中的元素进行去重。

答案：
```javascript
function removeDuplicates(arr) {
return Array.from(new Set(arr));
}
console.log(removeDuplicates([1, 2, 3, 3, 4, 4, 5])); //输出：[1, 2, 3, 4, 5] ```
4. 请描述一下什么是闭包，并举一个实际应用的例子。

答案：
闭包是指函数能够访问并操作其所在的词法作用域中的变量，即使在其词法作用域执行结束之后依然能够访问。

一个典型的闭包的例子
是在setTimeout函数中使用匿名函数，例如：
```javascript
for (var i = 0; i < 5; i++) {
setTimeout(function() {
console.log(i);
}, 1000);
}
```
以上代码执行后，会在1秒后连续输出5个数字5。

这是因为在setTimeout函数中的匿名函数会形成一个闭包，并且在闭包中访问的是i的引用。

由于事件循环机制，setTimeout函数中的回调函数会在循环结束后才执行，因此在执行时，i的值已经变成了5。

5. 请描述一下什么是事件委托（Event Delegation），并举一个例子说明其优势。

答案：
事件委托是指将事件绑定到父元素而不是每个子元素上，通过事件冒泡机制来处理子元素的事件。

这样可以减少事件监听器的数量，提高性能，同时也可以处理动态添加的元素。

例如，一个ul列表中有多个li元素，我们想要给每个li元素添加点击事件：
```javascript
const ul = document.querySelector('ul');
ul.addEventListener('click', function(event) {
if (event.target.tagName === 'LI') {
console.log('点击了li元素');
}
});
```
以上代码将点击事件绑定到ul元素上，通过event.target来判断实际触发事件的元素是否为li元素。

这样无论ul下有多少个li元素，只需要添加一个事件监听器即可。

通过以上示例，我们可以看到在编写答案时，我按照对应题目的要求进行了格式化和排版，确保整洁美观并且语句通顺，以提供良好的阅读体验。

希望以上内容能帮助你更好地理解JS笔试题及答案。