面试题：JavaScript 函数表达式与命名函数在内存管理及性能上的差异

1. JavaScript 函数表达式与命名函数在内存管理机制上的不同

命名函数（Function Declaration）：
- 提升：命名函数在代码执行前会被提升到其所在作用域的顶部。这意味着在函数定义之前就可以调用它。例如：

sayHello();
function sayHello() {
    console.log('Hello');
}

内存分配：在解析阶段，JavaScript 引擎会为命名函数分配内存，并将函数名与函数体关联起来存储在作用域中。只要作用域存在，该函数就会一直存在于内存中，直到作用域被销毁。
函数表达式（Function Expression）：
- 无提升：函数表达式不会被提升，只有在执行到定义它的那一行代码时，函数才会被创建。例如：

// sayHello(); // 这会报错，因为函数还未定义
const sayHello = function () {
    console.log('Hello');
};
sayHello();

内存分配：当执行到函数表达式定义的代码行时，才会在内存中创建函数对象，并将其赋值给变量。如果变量被重新赋值或者超出其作用域被垃圾回收，与之关联的函数对象可能也会因为没有其他引用而被回收。

2. 对程序性能的影响

命名函数：由于其提升特性，在整个作用域内随时可调用，可能会导致作用域内变量和函数名的污染，增加命名冲突的可能性。而且只要作用域存在，函数就占用内存，若函数较大且在作用域生命周期内使用频率低，会造成不必要的内存占用，影响性能。
函数表达式：仅在执行到定义处才创建，减少了提前占用内存的时间。并且可以通过控制变量的作用域来更好地管理函数的生命周期，减少内存泄漏的风险。在某些场景下，如果函数只在特定逻辑中使用一次，使用函数表达式可以更高效地管理内存，提高性能。

3. 性能测试的思路及代码示例

思路：
- 使用 console.time() 和 console.timeEnd() 来测量函数多次调用的时间。
- 分别对命名函数和函数表达式进行多次调用，记录每次调用的时间，然后计算平均值，比较两者的性能。
- 可以在不同的环境（如不同的浏览器、不同的设备）下进行测试，以获取更全面的结果。
代码示例：

// 命名函数
function namedFunction() {
    for (let i = 0; i < 1000000; i++) {
        // 简单的计算，模拟实际工作
        let result = i * i;
    }
}

// 函数表达式
const functionExpression = function () {
    for (let i = 0; i < 1000000; i++) {
        let result = i * i;
    }
};

// 测试命名函数性能
let namedFunctionTotalTime = 0;
const namedFunctionIterations = 100;
for (let i = 0; i < namedFunctionIterations; i++) {
    console.time('namedFunction');
    namedFunction();
    console.timeEnd('namedFunction');
    namedFunctionTotalTime += console.timeEnd('namedFunction');
}
console.log(`命名函数平均执行时间: ${namedFunctionTotalTime / namedFunctionIterations} ms`);

// 测试函数表达式性能
let functionExpressionTotalTime = 0;
const functionExpressionIterations = 100;
for (let i = 0; i < functionExpressionIterations; i++) {
    console.time('functionExpression');
    functionExpression();
    console.timeEnd('functionExpression');
    functionExpressionTotalTime += console.timeEnd('functionExpression');
}
console.log(`函数表达式平均执行时间: ${functionExpressionTotalTime / functionExpressionIterations} ms`);

星途面试题库

面试题：JavaScript 函数表达式与命名函数在内存管理及性能上的差异

知识考点

面试题答案

1. JavaScript 函数表达式与命名函数在内存管理机制上的不同

2. 对程序性能的影响

3. 性能测试的思路及代码示例