var和function谁先优先执行_浅谈js中的var和function变量提升

1.首先最常见的一种变量提升

console.log(a);   //输出 undefined

var a=10;

console.log(a)    // 输出  10

var 有提升的作用其实上面的代码会变成会变成

var a;

console.log(a);   //输出 undefined

a=10;    //赋值留在原地

console.log(a)    // 输出  10

2.if语句中的 var

var  a=5;

if(a==5){    //  if语句没有 语句块的作用  所以没有闭包的作用   这里的a是

console.log(a);   //输出5

var a=3;    //再 if语句中声明的变量 也是一个全局变量 所以这个a=3 会把前面的 5覆盖

console.log(a);  //输出3

}

console.log(a);  //输出3

3.function的提升

var a;

function a(){console.log(123)};

a();        //输出  123       再js中函数是第一公民  会比var声明的的变量更靠前

var a;

function a(){console.log(123)};

function a(){console.log(456)}

a();        //输出  456      再js中函数是第一公民  后面的 a函数把前面的

覆盖  js只会存在一个同名变量      函数声明的变量是以一个地址的形式存储在内存中  同时 js中如果已经存在 一个同名的变量且已经赋值  在重新定义的没有赋值的变量 就会跳过初始化阶段

function a(){console.log(123)};

function a(){console.log(456)}

var a=10;

a();        //输入引用错误  a不是一个函数      这个时候又定义了一个a变量 会把前面同名的函数给覆盖掉  js是弱数据类型 这个时候 a就变成了一个number类型 所以 报出了 a不是一个函数

4.function  和 var 的 一起使用

var  b=10;

function a(){       //函数具有局部作用域的效果 所以内部和外面的全局作用不通

console.log(b);   //输出undefined

var b=8;

console.log(b); //输出  8

}

a();   //记住函数只有调用才有用 别忘了调用

console.log(b);  //输出  10

5.if语句

if (!("a" in window)) {

var a = 1;

};

alert(a);

上面的语句相当于

var a;

if (!("a" in window)) {    //判断 a是否在全局变量中  如果不再则会将 a赋值 1     大家记住在 if语句中 var声明的变量 也是一个全局

a = 1;                  // 变量 ,而并不会 在一这个条件是否成立   js在执行程序之前 会首先把在全局中用var 声明的变量提前

};

alert(a);   // 弹出 undefined

6.练习    下面这个难度有点大 是一个es6的闭包的知识 答案我就不公布 闭包作用就是利用了函数作用域和外部不通的原理防止全局污染

var name="world";

(function(){

console.log(name)

if(typeof name==="undefined"){

var name="jack";

console.log("goodbye "+name)

}else{

console.log("hello "+name)

}

}())