JavaScript this指向 变量提升问题

 我们在学习JavaScript的时候，会遇到很多this指向，变量提升，函数提升而导致的错误。

本文主要是我整理的对this指向,变量提升，函数提升的混合案例，以及我的解题思路

1.

 //案例一
var a = 10;
function test() {
  console.log(a);
  a = 100;
  console.log(this.a);
  var a;
  console.log(a);
  console.log(this.a);
  }
test();

等价为

var a  
a=10   
test() 
function test(){
  var a  
  console.log(a)   //undefined
  a=100
  console.log(this.a);  //10
  console.log(a);   //100
  console.log(this.a); //10
}

这里的this代指window，var在创建变量的时候（不在函数里），会将变量绑定到window上，所以a就是window的一个属性，而这里的test()也是window的一个属性，调用test()的是window对象，所以this也就指向window，所以test里两个都是10。

2.

//案例二
var c = 100;
var c;
console.log(c);

等价为

var c
var c
c=100
console.log(c);  //100

var声明的变量可以重复定义。

3.

//案例三
function test() {
  c = 11;
  console.log(c); //11
}
test();
console.log(c); //11

 没有经过声明的变量是全局变量

4.

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

 可转化为

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

这个题有些难，但是我们仔细分析，bar里a的作用域只能在bar这个函数里，而foo()是window里的函数，是window里的属性，a用的是全局变量a的值。

这些只是很少一部分this指向，变量提升的题。