全部学科

JAVA后端

maven spring Mytatis SpringMVC SpringBoot java

通用技术

redis git docker nginx mysql zookeeper rabbitmq

Web前端

TypeScript vue CSS HTML javascript pinia vite

NodeJS全栈

Python全栈

GO后端

golang gorm gin

小程序首页

📝 1 篇文章 20 道配套习题

JS 函数与作用域

专题说明

本专题系统讲解JavaScript函数与作用域的核心知识，涵盖函数定义方式、参数传递机制、返回值、作用域类型、变量提升机制、闭包原理与应用、箭头函数特性等内容。

学习目标

掌握函数声明、函数表达式、箭头函数的定义方式
理解参数传递机制（值传递、默认参数、剩余参数）
掌握返回值与return语句的使用
理解全局作用域、函数作用域、块级作用域的区别
掌握变量提升与暂时性死区（TDZ）机制
理解闭包的原理、应用场景及内存管理
掌握箭头函数的特性与使用场景

学习内容

本专题涵盖以下核心知识点：

函数定义与调用：函数声明、函数表达式、Function构造函数、函数提升
参数传递：值传递机制、默认参数、arguments对象、剩余参数
返回值：return语句、返回值类型、无返回值情况
作用域与变量提升：全局作用域、函数作用域、块级作用域、var提升、TDZ
闭包：闭包原理、闭包应用、循环闭包问题、IIFE、内存管理
箭头函数：语法简写、this绑定、arguments、构造函数限制

学习建议

重点理解函数声明与函数表达式的提升差异
区分基本类型和引用类型的参数传递机制
掌握var、let、const的作用域和提升差异
理解闭包的形成原理，掌握循环闭包问题的解决方案
注意箭头函数的this绑定特性，避免误用于对象方法
实践闭包应用场景：计数器、模块化、函数工厂

📝 发现内容有误？点击此处直接编辑

📝 配套习题（20 题）

1

单选题

以下哪种方式可以定义一个 JavaScript 函数？

A

var fn = new Function('a', 'b', 'return a + b');

B

function fn = (a, b) => { return a + b; }

C

def fn(a, b) { return a + b; }

D

fn(a, b) -> { return a + b; }

2

判断题

函数声明会被提升到作用域顶部，而函数表达式不会。

A

对

B

错

3

填空题

使用函数声明定义名为 add 的函数，语法为 ________________________；使用函数表达式定义，语法为 ________________________。

4

单选题

以下代码输出结果是什么？

JavaScript

function changeValue(x) {
    x = 10;
}
let a = 5;
changeValue(a);
console.log(a);

A

5

B

10

C

undefined

D

报错

5

判断题

ES6 可以使用默认参数语法 function fn(a = 1, b = 2) 为参数设置默认值。

A

对

B

错

6

填空题

在函数内部，可以使用 _________ 对象访问所有传入的参数；ES6 中使用 _______ 剩余参数语法收集多余参数，剩余参数是一个真正的 ______。

7

单选题

以下代码输出结果是什么？

JavaScript

function greet(name) {
    console.log("Hello, " + name);
}
let result = greet("World");
console.log(result);

A

"Hello, World"

B

undefined

C

null

D

""

8

多选题

关于 JavaScript 变量声明，以下说法正确的是？

A

var 声明的变量具有函数作用域

B

let 声明的变量具有块级作用域

C

const 声明的变量必须初始化

D

var 声明的变量可以重复声明

9

单选题

以下代码输出结果是什么？

JavaScript

console.log(a);
console.log(b);
var a = 1;
let b = 2;

A

undefined, 2

B

1, 2

C

undefined, ReferenceError

D

ReferenceError, ReferenceError

10

单选题

以下代码输出结果是什么？

JavaScript

console.log(foo);
console.log(bar);
function foo() { return 1; }
var bar = function() { return 2; };

A

function foo(){ return 1; }, undefined

B

function foo(){ return 1; }, function bar(){ return 2; }

C

undefined, undefined

D

ReferenceError, ReferenceError

11

填空题

JavaScript 有三种作用域：__________、__________ 和 __________。var 声明的变量会提升到 __________ 顶部，let 和 const 声明的变量存在 __________。

12

单选题

以下代码输出结果是什么？

JavaScript

function createCounter() {
    let count = 0;
    return function() {
        return ++count;
    };
}
let counter = createCounter();
console.log(counter());
console.log(counter());

A

0, 0

B

1, 1

C

1, 2

D

undefined, undefined

13

多选题

关于闭包，以下说法正确的是？

A

闭包可以访问外部函数的变量

B

闭包会保持对外部变量的引用，可能导致内存泄漏

C

闭包常用于数据私有化和函数工厂

D

闭包只能在函数内部创建

14

填空题

闭包由 ______ 和其 ________ 组成。闭包使得内部函数可以访问 ________ 的变量，即使外部函数已经 ________。

15

单选题

以下代码输出结果是什么？

JavaScript

const obj = {
    name: 'test',
    fn: () => console.log(this.name),
    fn2: function() { console.log(this.name); }
};
obj.fn();
obj.fn2();

A

test, test

B

undefined, test

C

test, undefined

D

undefined, undefined

16

单选题

以下哪个箭头函数语法是正确的？

A

const fn = (x) => { return x * 2 };

B

const fn = x => x * 2;

C

const fn = (x, y) => x + y;

D

以上都正确

17

判断题

箭头函数的 this 绑定在定义时就确定了，无法通过 call、apply、bind 改变。

A

对

B

错

18

填空题

箭头函数使用 ______ 符号定义，它没有自己的 ______，继承自 __________。箭头函数不能用作 ________，因为没有 _________ 属性。

19

单选题

以下代码输出结果是什么？

JavaScript

for (var i = 0; i < 3; i++) {
    setTimeout(function() {
        console.log(i);
    }, 100);
}

A

0, 1, 2

B

3, 3, 3

C

undefined, undefined, undefined

D

0, 0, 0

20

多选题

以下哪些方式可以正确解决 for 循环中 setTimeout 输出 0,1,2 的问题？

JavaScript

for (var i = 0; i < 3; i++) {
    setTimeout(function() { console.log(i); }, 100);
}

A

将 var 改为 let

B

使用 setTimeout 的第三个参数传递 i

C

使用 IIFE 包裹并传入 i

D

在回调函数内部声明新的变量

📝 发现内容有误？点击此处直接编辑

想查看更多习题和详细解析？

小程序提供完整的题库和详细解析

长按或扫描二维码，立即体验