入门小白基础篇之JavaScript预编译详解

console.log(a);  //输出 undefined
var a = 1

var a  //定义变量 a  将它提升到当前作用域的顶部
console.log(a)； // 得到undefined  找不到a的值
a = 1 

function fn(a) { 
  console.log(a); 
  var a = 123 
  console.log(a);
  function a() {}
  var b = function() {}
  console.log(b);
  function c() {}
  var c = a
  console.log(c);
}
fn(1)  //调用函数 

AO = {
a:undefined  //出现了形参a 又出现变量a 则进行覆盖 对象中只有一个key
b:undefined 
c:undefined 
}

AO = {
a:undefined →1
b:undefined 
c:undefined 
}

AO = {
a:undefined →1→function a(){}
b:undefined 
c:undefined→function c(){}
}

function fn(a) { 
  console.log(a); //                         输出结果 function a(){}
  var a = 123  // 把123赋值给a
  console.log(a); /                          输出 a值为123
  function a() {}
  var b = function() {} 把function(){} 赋给b
  console.log(b); //                         输出为 function(){}
  function c() {}
  var c = a  //把a赋给c c为123
  console.log(c); //                        输出123
  
// AO = {
// a:undefined →1 →function a(){} →123
// b:undefined → function b(){}
// c:undefined →function c(){} →123

}
fn(1)  //调用函数 

var a 
var b = 2
function a(){
    console.log(a);
    var c = 3
    var a = b
    function c(){}
    console.log(c);
}
a()
console.log(a);

GO = {
    a: undefined, 
    b: undefined
}

GO = {
    a: undefined →function a(){xxx}, 
    b: undefined
}

//GO = {
//    a: undefined →function a(){xxx}, 
//    b: undefined
//}

var a 
var b = 2   // 把 2 赋给 b
function a(){
    console.log(a);
    var c = 3
    var a = b
    function c(){}
    console.log(c);
}
a() //调用函数 function a（）{}
console.log(a);  //输出 function a（）{}

//GO = {
//    a: undefined→ function a(){xxx}, 
//    b: undefined
//}

var a 
var b = 2
function a(){

// AO = {
//   c: undefined→ function c(){}→ 3
//   a: undefined→ b 即 2
//}
  
    console.log(a);               //输出 undefined
    var c = 3   // 把3赋给c
    var a = b // 把b的值赋a 函数中没有，去外层找，得到b值为2 即a值为 2
    function c(){}  
    console.log(c);               //输出 3
}
a()
console.log(a);                  //输出 function a（）{}