聊一聊js的变量提升

写在前面

今天做了变量提升的题目，发现自己还是一知半解的状态，以后搞清楚一个技术点就写下来记录一下，尽管自己可能也不知道怎么表达的会让大家看的懂，就先慢慢的一步步前进吧，写多了总比不写好呀。

粗略讲解

1：你认为运行 getClothing(false) 后的输出是什么？

function getClothing(isCold) {
  if (isCold) {
    var freezing = 'Grab a jacket!';
  } else {
    var hot = 'It's a shorts kind of day.';
    console.log(freezing);
  }
}

A. ReferenceError：freezing is not defined
B. Grab a jacket!
C. undefined
D. It’s a shorts kind of day.

答案：C

我在粗略了解变量提升后还是选错成了Grab a jacket!实际输出的是undefined，不过应该有些人也会误打误撞选对是undefined。
为什么呢？js在运行前会先编译，编译后再运行程序的。而上面这段在编译后就变成了

function getClothing(isCold) {
  var freezing, hot;
  if (isCold) {
    freezing = 'Grab a jacket!';
  } else {
    hot = 'It's a shorts kind of day.';
    console.log(freezing);
  }
}

使用var声明变量就会遇到这个问题，变量会在作用域内进行提升，es6新的变量声明已经解决了这个问题，所以能用es6的地方就不要用var了，至少能避免这个问题。

2. 你认为运行 getClothing(false) 后的输出是什么？

function getClothing(isCold) {
  if (isCold) {
    const freezing = 'Grab a jacket!';
  } else {
    const hot = 'It's a shorts kind of day.';
    console.log(freezing);
  }
}

A. ReferenceError: freezing is not defined
B. Grab a jacket!
C. undefined
D. It’s a shorts kind of day.

答案：A

这段代码编译器编译了也是不会变化的，没有了变量提升的问题，直接执行else代码块中的代码，所以不存在freezing这个变量，连声明都没有声明的变量就会报A的错误啦，如果是声明了变量而没有赋值的情况，报错就是C这种情况。

写在后面

总的来说，如果支持es6的情况下，var已经没有必要使用了。