博主微信:jiayou321xiaoyu 加微信,备注:前端Tree

考察js变量提升面试题

面试攻坚 admin 13℃ 0评论
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)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址