JavaScript函数详解：定义与function和var的区别

"JavaScrip函数的声明与使用细节" 在JavaScript中，函数是一种基本的对象类型，其定义和使用方式灵活多样。本篇将探讨一些关于JavaScript函数的关键点，特别是函数声明的不同形式以及`function`关键字与`var`关键字在声明函数时的区别。 首先，我们来看几种常见的函数声明方式： 1. 显式命名函数： ```javascript function fun1() { // 函数体 } ``` 2. 匿名函数： ```javascript function() { // 函数体 } ``` 3. 变量指向匿名函数表达式： ```javascript var fun2 = function() { // 函数体 } ``` 4. 变量指向命名函数表达式： ```javascript var fun3 = function fun4() { // 函数体 } ``` 5. 函数内返回匿名函数： ```javascript function fun5() { return function() { // 返回的匿名函数体 } } ``` 在JavaScript中，`function`关键字用于直接声明函数，而`var`关键字通常用于变量声明。它们在声明函数时的区别主要体现在作用域和提升（Hoisting）上： - `function`声明的函数会被提升到其所在作用域的顶部，不论它在代码中的实际位置如何。这意味着可以在声明之前调用函数，例如`fun1()`会在代码执行时找到并调用`fun1`。 - `var`声明的变量也会被提升，但函数表达式不会。`var fun2`和`var fun3`的声明会被提升，但它们的赋值（即函数表达式）不会。因此，在这些函数表达式被赋值之前，`typeof fun2`和`typeof fun3`会返回`undefined`。 接下来，我们观察`function`与`var`的优先级。当在同一作用域中多次声明相同名称的函数时，JavaScript会记住最后定义的那个函数。这种行为可能导致静态类型语言开发者感到困惑，因为它们可能导致预期之外的行为： ```javascript function fun1() { alert("Y"); } function fun1() { alert("N"); } // 结果：无论通过哪种方式调用，都会得到"N"，因为最后定义的函数覆盖了之前的定义。 fun1(); // N this["fun1"](); // N this.fun1(); // N window["fun1"](); // N window.fun1(); // N ``` 这种现象是因为JavaScript的函数实际上是对象，函数名实际上成为了全局或局部对象上的属性，函数体就是该属性的值。因此，即使在不同位置定义了同名函数，最后定义的函数体将覆盖之前的定义。 此外，函数也可以作为变量的值进行传递，这就是所谓的“函数作为第一类公民”特性。这意味着函数可以作为参数、返回值，甚至存储在其他数据结构中。这种灵活性使得JavaScript非常适合实现高阶函数和闭包等高级概念。 理解JavaScript中函数的声明方式、作用域、提升以及它们与其他语言的差异是至关重要的。掌握这些细节有助于编写更稳定、可维护的代码，尤其是在从其他静态类型语言过渡到JavaScript时。