- A. `document.querySelector('div')`

- B. `document.querySelectorAll('div')`

- C. `document.getElementById('div')`

- D. `document.getElementsByClassName('div')`

- 答案：B（`querySelectorAll`）

- 解析：`querySelectorAll`返回所有匹配的元素节点列表，而其他选项要么返回单个元素，要么需要类名或ID。

2. 编程题：编写一个函数，点击按钮后将输入框的文本内容显示在页面上。

- 答案：

```javascript

document.getElementById('myButton').addEventListener('click', function() {

const inputText = document.getElementById('myInput').value;

document.getElementById('displayArea').textContent = inputText;

});

```

- 解析：通过事件监听器绑定点击事件，获取输入框的值并更新目标元素的文本内容。

第四章 对象与数组

知识点总结：

1. 对象：对象字面量、属性访问（点符号 vs 中括号）、`Object.keys`、`Object.values`。

2. 数组方法：`map`、`filter`、`reduce`、`forEach`、`sort`、`includes`。

3. ES6新增特性：解构赋值、展开运算符、对象方法简写。

例题与解析：

1. 填空题：使用________方法可以遍历数组中的每个元素并执行回调函数。

- 答案：`forEach`

- 解析：`forEach`是ES5新增的数组迭代方法，常用于循环数组。

2. 简答题：解释`map`和`forEach`的区别。

- 答案：`map`会返回一个新数组，而`forEach`不返回新数组，仅执行回调函数。`map`适用于需要基于原数组生成新数组的场景。

第五章 异步编程

知识点总结：

1. 回调函数：异步操作的基本实现方式。

2. Promise：状态（pending、fulfilled、rejected）、`then`、`catch`、`async/await`。

3. 定时器：`setTimeout`、`setInterval`、清除定时器的方法。

例题与解析：

1. 选择题：以下哪个方法可以将Promise的链式调用简化？

- A. `then()`

- B. `catch()`

- C. `async/await`

- D. `finally()`

- 答案：C（`async/await`）

- 解析：`async/await`通过语法糖简化了Promise的链式调用，使异步代码更接近同步的写法。

2. 编程题：用`async/await`重写以下Promise代码：

```javascript

fetch('https://api.example.com/data')

.then(response => response.json())

.then(data => console.log(data))

.catch(error => console.error(error));

```

- 答案：

```javascript

async function fetchData() {

try {

const response = await fetch('https://api.example.com/data');

const data = await response.json();

console.log(data);

} catch (error) {

console.error(error);

}

}

```

- 解析：通过`async`函数定义和`await`关键字，将Promise的链式调用转化为同步代码的结构。

第六章 常见面试题与考点

知识点总结：

1. 作用域链：变量查找机制。

2. 原型与继承：`prototype`、`__proto__`、`Object.create`。

3. 事件循环：宏任务与微任务的执行顺序。

4. 严格模式：`'use strict'`的作用。

例题与解析：

1. 简答题：解释JavaScript中的事件循环机制。

- 答案：事件循环是JavaScript处理异步任务的核心机制。浏览器将任务分为同步任务（在调用栈中执行）和异步任务（进入队列，如宏任务队列和微任务队列）。当调用栈为空时，事件循环会从队列中取出任务执行，并不断循环这一过程。

2. 编程题：写出一个使用原型继承的示例。

- 答案：

```javascript

function Animal(name) {

this.name = name;

}

Animal.prototype.speak = function() {

return 'Animal speaks!';

};

function Dog(name) {

Animal.call(this, name);

}

Dog.prototype = Object.create(Animal.prototype);

Dog.prototype.constructor = Dog;

Dog.prototype.speak = function() {

return 'Woof!';

};

```

- 解析：通过`Object.create`继承父类`Animal`的原型，并重写子类`Dog`的方法。

第七章 实战模拟试题

试卷示例：

1. 选择题：JavaScript中，以下哪项可以正确声明一个常量？

- A. `var PI = 3.14;`

- B. `let PI = 3.14;`

- C. `const PI = 3.14;`

- D. `function PI() { return 3.14; }`

- 答案

• 上一篇：安徽开放大学纳税筹划期末考试试卷与参考答案
• 下一篇：广东开放大学马克思主义基本原理作业答案