javascript里用const声明函数和用function有什么区别？

在 JavaScript 中，用 const 声明函数和直接使用 function 声明函数是两种不同的方式，各有特点和适用场景。以下是它们的主要区别：

1. 声明方式

function 声明：使用 function 关键字创建一个函数声明。

const 声明：通常与箭头函数（或函数表达式）一起使用。

2. 函数提升

function 声明会被提升（Hoisting）： 函数声明在其作用域内会提升到顶部，因此在声明之前可以调用。

greet(); // 输出: Hello!
function greet() {
    console.log("Hello!");
}

const 声明不会被提升： 使用 const 声明的函数在声明之前不可用，否则会报错（处于 "暂时性死区"）。

greet(); // 报错: Cannot access 'greet' before initialization
const greet = () => {
    console.log("Hello!");
};

3. 作用域

function 声明是函数作用域： 函数声明在其声明的作用域内可用。

{
    function greet() {
        console.log("Hello!");
    }
    greet(); // 输出: Hello!
}
greet(); // 如果是严格模式下，这里会报错。

const 声明是块级作用域： 使用 const 声明的函数仅在其定义的块内有效。

{
    const greet = () => {
        console.log("Hello!");
    };
    greet(); // 输出: Hello!
}
greet(); // 报错: greet is not defined

4. 可变性

function 声明不可重新声明，但可以重新赋值： 在非严格模式下，可以覆盖之前定义的同名函数。

function greet() {
    console.log("Hello!");
}
greet = () => {
    console.log("Hi!");
};
greet(); // 输出: Hi!

const 声明不可重新赋值： 使用 const 声明的函数是常量，不能重新赋值。

const greet = () => {
    console.log("Hello!");
};
greet = () => {
    console.log("Hi!");
}; // 报错: Assignment to constant variable

5. 使用箭头函数的特点

箭头函数（const 方式）不绑定 this： 箭头函数中的 this 是从外部作用域继承的，而普通函数中的 this 是动态绑定的。

const obj = {
    name: "Alice",
    greet1: function() {
        console.log(this.name); // 输出: Alice
    },
    greet2: () => {
        console.log(this.name); // 输出: undefined
    },
};
obj.greet1();
obj.greet2();

6. 调试友好性

function 声明有函数名： 函数声明始终有一个名字，方便在堆栈跟踪中识别。

function greet() {
    console.log("Hello!");
}

箭头函数通常是匿名的： 如果没有显示指定名称，堆栈跟踪可能只显示变量名。

const greet = () => {
    console.log("Hello!");
};

7. 使用场景

function 适用场景：定义独立的、需要提升的函数。函数需要动态绑定 this 时。

const 适用场景：定义块作用域的函数，避免提升。使用箭头函数时。

选择何种方式取决于具体需求和代码风格。

您可能感兴趣：

阿里云 云服务器 99元1年 2核2G 3M固定带宽 续费与新购同价

领取 通义灵码 免费使用资格 兼容 Visual Studio Code、Visual Studio、JetBrains IDEs 等主流编程工具， 为你提供高效、流畅、舒心的智能编码体验！

DOVE 网络加速器 梯子 免费 试用