套袋 vs 提升

作为程序员，我们时常需要在代码中考虑性能问题。而在JavaScript中，有两种常见的优化方式，分别是套袋（wrapping）和提升（hoisting）。

套袋

简单说，套袋是将多个操作放在一个函数内，在函数内部处理变量，并尽可能地减少全局变量的使用，从而提高代码性能。

举例来说，假如我们要在HTML文件中添加某个元素，可以这样写：

var elem = document.createElement("div");
elem.innerHTML = "Hello World";
document.body.appendChild(elem);

但这会在全局作用域中创建一个不必要的变量elem，降低代码的性能。我们可以将其套袋：

(function () {
  var elem = document.createElement("div");
  elem.innerHTML = "Hello World";
  document.body.appendChild(elem);
})();

这样，elem就在私有作用域中定义，不再被全局变量所污染。

提升

在JavaScript中，变量和函数的声明都会被提升至当前作用域的顶部执行。这就是提升（hoisting）。

举例来说，以下代码：

function foo() {
  console.log(a);
  var a = 1;
}
foo();

输出结果为undefined，而不是1，因为在变量a被声明之前，它已被console.log调用。为了避免这种问题，我们可以使用提升：

function foo() {
  var a;
  console.log(a);
  a = 1;
}
foo();

这样就可以避免由于变量提升带来的问题。

总的来说，套袋和提升都是常见的代码优化方式，但使用得当才能发挥其作用。我们可以在不同的场景中灵活选择并使用，以提升代码性能。