javascript - 请教一道js面试题

问题描述

问 题

一个自执行的匿名函数代码如下：

    var a = 'World!';
    (function () {
         console.log(window.a); //world;
         console.log(a) //undefined;
        if (typeof a=== 'undefined') {
            var a= 'Jack';
            console.log('Goodbye ' + a);
        } else {
            console.log('Hello ' + a);
        }
    })();
    console.log(a)

在js中没有块级的概念，函数里可以访问到函数外的全局变量，但函数外却无法访问函数里面的局部变量，按照这样理解为什么在自执行的匿名函数里面无法访问到a，而使用window.a却可以访问到，根据作用域链的查找来看，他不应该可以往上查找到a吗？为什么要window.a行？在匿名函数里面打印this的值也是window来着，他和匿名函数外是同一个this之下吧，就有点说不通为什么在匿名函数里面直接访问a会是undefined。。。谁能解释一下匿名函数中的作用域链查找的过程！！

解决方案

var a = 'World!';
(function () {
     console.log(window.a); //world;
     console.log(a) //world;
})();
console.log(a)；

这个是正常的， 问题出在var a= 'Jack'; Javascript 有一个规则叫变量提升, 收这个规则的影响实际上你的代码变成了这样:

var a = 'World!';
(function () {
     var a;  // var 声明的变量会被自动的提升到作用域的顶端，这就导致 if 条件拿到的 a 的值是 undifined
     console.log(window.a); //world;
     console.log(a) //undefined;
    if (typeof a=== 'undefined') {
        a= 'Jack';
        console.log('Goodbye ' + a);
    } else {
        console.log('Hello ' + a);
    }
})();
console.log(a)

这篇关于javascript - 请教一道js面试题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！