变量提升—函数内部中数据初始化问题

今天敲完工作代码，遇见一个小问题。闲话少叙，我先上一段代码，再分析一下。

var nsame = "Sada";var name = 'World!';(function () {    console.log(typeof name === 'undefined')//true              if (typeof name === 'undefined') {        var name = 'Jack';        console.log('Goodbye ' + name);    } else {        console.log('Hello ' + name);    }})();(function () {    console.log(typeof nsame === 'undefined')//false})();

同样是两个自运行函数，第一个type属性是undefined，第二个却是string。

首先来看看两个函数有什么不同
1.很简单的代码，两个函数，全局声明的变量name，nsame，都是字符串类型，问题明显不在这里。
2.函数外部原因排除，再看看内部有什么不同：

if (typeof name === 'undefined') {       var name = 'Jack';       console.log('Goodbye ' + name);   } else {       console.log('Hello ' + name);   }

也只不过多出这么一段if–else–判断语句，而且其中涉及到相同的name变量的声明。先来看看我们改变内部name的使用。看下面一段代码

var nsame = "Sada";var name = 'World!';(function () {    console.log(typeof name)//string     if (typeof name === 'undefined') {     var names = 'Jack';     console.log('Goodbye ' + name); } else {     console.log('Hello ' + name);//运行 Hello World！ }})();(function () {    console.log(typeof nsame === 'undefined')//false})();

这时候问题消失，两者运行结果相同，都读取到了外部变量name或者是nsame。这时候我们逐渐知道了问题的关键。看下边简化问题后的代码，再进行分析。

var name = 'World!';function ss() {    console.log(typeof name)//undefined                    var name = 'Jack';    console.log('Goodbye ' + name);//Goodbye Jack};

问题就在这里了，var 声明的作用域在整个 function 中, 但并没有初始化。也就是变量提升。

function ss () {　　var name; // 变量提升，函数作用域范围内　　console.log(name);　　name = 'aaa';　　console.log(a);}ss();

除此之外，还存在函数提升

console.log(f1); // function f1() {}   console.log(f2); // undefined  function f1() {}var f2 = function() {}

总结 很简单的东西，不注意还是会被坑。祝大家好运。。。