考察js变量提升面试题 - CodeAntenna

var name = ‘World!’;

        (function () {

            var name

            if (typeof name === ‘undefined’) {

                 name = ‘Jack’;

                console.log(‘Goodbye ‘ + name);

            } else {

                console.log(‘Hello ‘ + name);

            }

        })();

求打印结果：

解析：

1-首先js代码在执行之前会先进行预解析

2-全局变量name的声明被提升到全局作用域的最前面

3-代码进行执行给全局的name值赋值为’World!’, 匿名函数自调用

4-匿名函数自调用开始之后在执行自身内部代码之前又要进行预解析将局部变量name声明提升到当前作用域的最前面开始执行js代码

5-只提升了变量声明没有提升赋值所以此时局部作用域内的name值是undefined

满足if判断给name赋值 Jack 打印出 ‘Goodbye Jack’；

var a;

        if (“a” in window) {

            var a = 10;

        }

        alert(a);

求：弹出结果

解析：

var a;

var a;

if (“a” in window) {

a = 10;

}

alert(a);

解析：

1-代码执行之前先进行预解析提升变量声明 var a;

2-执行代码 if判断成立给a赋值10

3-打印出10

补充一个注意点判断一个对象是不是有一个什么属性不能写变量a 如果写了变量a会找到这个变量的值来判断在不在这个对象中

var foo = 1;

        function bar() {

            if (!foo) {

                var foo = 10;

            }

            alert(foo);

        }

         bar();

预解析：

// function bar() {

        //  var foo; //undefined => false

        //     if (!foo) {

        //         foo = 10;

        //     }

        //     alert(foo); //

        // }

        // var foo;

        // foo = 1;

        // bar();

         //解析：

         //1-代码执行之前先进行预解析

         //2- bar里面的代码执行之前也要进行预解析将foo的声明提前

         //3- 执行js代码

         //4- if判断满足 foo被赋值成10

         //5- 3-打印出10

   var num = 123;

        function f1(num) {

            console.log(num); //

        }

        function f2() {

            var num = 456;

            f1(num);

        }

        f2();

结果： 456

function fn(){

           var a = 1, b = 1, c = 1;

           //相当于：

           //var a = 1;

           //var b = 1;

           //var c = 1;

           //所以 abc都是局部变量全局作用内是访问不到的

         }

         fn();

         console.log(c); //

         //js是解释型语言，执行一行解释一行，发现报错就停止执行

         console.log(b); //

         console.log(a); //

结果为：

106 Uncaught ReferenceError: c is not defined
at 03.html:106

         function fn1(){

           var a = b = c = 1;

        //    相当于：

           var a = 1;

           b = 1;

           c = 1;

         }

         fn1();

         console.log(c); //

         console.log(b); //

         console.log(a); //

结果为：

1
1
Uncaught ReferenceError: a is not defined

var a = 1;

        function fn(){

            var a = 2;

            function fnSon(a){

                a = 3;

                console.log(a); // 3

            }

            fnSon();

            console.log(a);  // 2

        }

        console.log(a);  // 1

        fn();

        console.log(a); // 1

执行结果为： 1 、3 、2 、1

预解析：函数声明要提升到变量声明之前

function fn(){

            function fnSon(a){

                a = 3;

                console.log(a); // 3

            }

            var a

            a = 2;

            fnSon();

            console.log(a);  // 2

        }

        var a

        a = 1;

        console.log(a);  // 1

        fn();

        console.log(a); // 1

   var a = 1;

        function a(){

            a++;

        }

        console.log(a)

结果 : 1

   var a ;

        function a(){

            console.log(‘呵呵’)

            function a(){

                a = 4;

                console.log(‘哈哈’)

            }

            a();

            console.log(a);

        }

        a();

        console.log(a);

结果为：

呵呵
哈哈
4

函数

    var a = { x : 1 }

         var b = a;

         a.x = a = { n : 1};

         console.log(a.x); //

         console.log(b.x); //

打印结果为 “

undefined
{n: 1}

转载请注明：前端Tree » 考察js变量提升面试题

喜欢 (0)