js变量提升 和函数提升

来源:互联网 发布:成都数据分析咨询公司 编辑:程序博客网 时间:2024/05/21 08:45
一、变量提升
变量提升即将变量声明提升到它所在作用域的最开始的部分
例1: 
function fn () {
       var a ="hello world1";
  console.log(a); // hello world1
  console.log(b); //undefined
        var b = 'hello world2';
}
fn();
解析:为什么会出现这样的结果;
例1中 代码实际的运行情况应该是这样;
function fn () {
       var a ="hello world1";
  console.log(a); // hello world1
       var b;
  console.log(b); //undefined
       b = 'hello world2';
}
因为变量提升,很简单,就是把变量提升提到函数的top的地方。
但是我需要说明的是,变量提升 只是提升变量的声明,并不会把赋值也提升上来

二、函数提升
js中创建函数有两种方式:一种是函数表达式,另外一种是函数声明方式。只有函数声明才存在函数提升!如:
例2:
console.log(fun1); // function fun1() {}   
console.log(fun2); // undefined  
function fun1() {}
var fun2 = function() {}
例2中代码的实际
function fun1() {} // 函数提升,整个代码块提升到文件的最开始 
console.log(fun1);   
console.log(fun2);   
var fun2 = function() {}
原创粉丝点击