变量提升和函数声明提升，谁更“吊”？

我们都知道，在 JavaScript 中，变量声明会进行“提升”，也就是说，变量声明会被提升到当前作用域的顶部。这可能会导致一些意外的行为，比如：

console.log(a);  // undefined
var a = 10;

这段代码中，虽然变量 a 是在函数内部声明的，但由于变量提升，它的声明被提升到了函数顶部，因此在函数执行之前就可以访问到它。这可能会导致一些问题，比如：

• 变量可能会被意外覆盖：

  function foo() {
    var a = 10;
    var a = 20;
    console.log(a);  // 20
  }
  
  foo();
  

  这段代码中，变量 a 被提升到了函数顶部，因此在函数执行之前就可以访问到它。这导致变量 a 被意外覆盖，最终输出的结果是 20，而不是 10。

• 变量可能会被提前初始化：

  function foo() {
    console.log(a);  // undefined
    var a = 10;
  }
  
  foo();
  

  这段代码中，变量 a 被提升到了函数顶部，因此在函数执行之前就可以访问到它。这导致变量 a 被提前初始化，输出的结果是 undefined，而不是 10。

为了避免这些问题，我们应该尽量在函数内部声明变量，而不要在函数外部声明。这样，变量就不会被提升到函数顶部，也不会被意外覆盖或提前初始化。

与变量提升类似，函数声明也会进行提升。也就是说，函数声明会被提升到当前作用域的顶部。这可能会导致一些意外的行为，比如：

foo();  // ReferenceError: foo is not defined

function foo() {
  console.log('Hello, world!');
}

这段代码中，虽然函数 foo 是在函数执行之后声明的，但由于函数声明提升，它的声明被提升到了函数顶部，因此在函数执行之前就可以调用它。这可能会导致一些问题，比如：

• 函数可能会被意外调用：

  function foo() {
    console.log('Hello, world!');
  }
  
  foo();  // Hello, world!
  
  var foo = function() {
    console.log('Goodbye, world!');
  };
  
  foo();  // Goodbye, world!
  

  这段代码中，函数 foo 被提升到了函数顶部，因此在函数执行之前就可以调用它。这导致函数 foo 被意外调用，输出的结果是 Hello, world!，而不是 Goodbye, world!。

• 函数可能会被覆盖：

  function foo() {
    console.log('Hello, world!');
  }
  
  var foo = function() {
    console.log('Goodbye, world!');
  };
  
  foo();  // Goodbye, world!
  

  这段代码中，变量 foo 被提升到了函数顶部，因此在函数执行之前就可以访问到它。这导致变量 foo 被覆盖，最终输出的结果是 Goodbye, world!，而不是 Hello, world!。

为了避免这些问题，我们应该尽量在函数执行之后声明函数，而不要在函数执行之前声明。这样，函数就不会被提升到函数顶部，也不会被意外调用或覆盖。

通过比较，我们发现变量提升和函数声明提升都有可能导致一些意外的行为。因此，我们在使用变量和函数时，应该注意它们的提升机制，避免出现意外的行为。