• 企业面试:作用域和函数提升的面试题


    // 六道题
    /**
    * 因为JS没有块级作用域,if里面的foo又是以var形式声明的,所以会被提升上去,
    * 被赋值为undefined,之后undefined代表false,所以会进入if语句块,
    * foo被赋值为10,所以下面会打印输出10
    */
    var foo = 1;

    function bar() {
    console.log(foo); // undefined
    if (!foo) {
    var foo = 10;
    }
    console.log(foo); // 10
    }
    bar();


    // 练习2
    /**
    * 调用b函数的时候,由于b函数里面的a函数存在函数提升,
    * 会提升到最上面,所以第一次打印是function a() 接下来a被赋值为10,
    * 但是这个a只是一个函数上下文里面的局部变量,用完之后就会被销毁掉,
    * 所以当外部打印a的时候,仍然打印出1
    */
    var a = 1;
    function b() {
    console.log(a); // function a
    a = 10;
    return;
    function a() { }
    }
    b();
    console.log(a); // 1

    // 练习3
    // 执行fn函数以后,在全局上下文里面会生成一个c,局部环境下面会生成一个b,
    // 在fn函数调用完毕之后,b就会被销毁,由于f为true,所以会进入if生成a变量

    var f = true;
    if (f === true) {
    var a = 10;
    }
    function fn() {
    var b = 20;
    c = 30;

    }
    fn();
    console.log(a); // 10
    console.log(c); // 30
    console.log(b); // 报错

    // 练习4
    /**
    * 全局里面首先会存在a和b,值都为3,之后进入IIFE后,首先是执行的b = 5,
    * 这个时候就会找到全局的b,将其修改为5,之后是var a = b,
    * 这个a就是局部的a,所以全局的a不会受影响。
    */

    var a = b = 3;
    (function () {
    var a = b = 5; // b=5; var a =b;

    })()
    console.log(a); //3
    console.log(b); // 5

    // 练习5
    /**
    * 在下面的foo函数会被提升,接下来第一条代码打印出来就是function foo 接下来foo被赋值为A,
    * 所以打印输出为A,之后foo又被赋值为一个函数,所以打印输出为function foo,调用foo,输出B,后面是一样的
    */

    console.log(foo); // function foo
    var foo = 'A';
    console.log(foo);// A
    var foo = function () {
    console.log('B');
    }
    console.log(foo); // function foo
    foo();
    function foo() {
    console.log('C');
    }
    console.log(foo);
    foo();//B


    // 练习 6
    /**
    * 主要就是要注意b函数里面的var a = 3存在变量提升,所以b函数里面第一个是undefined,
    * 接下来依次赋值打印输出,但是由于是局部变量,所以对全局的a不影响
    */

    var a = 1;
    function b() {
    console.log(a); // undefined
    a = 2;
    console.log(a);// 2
    var a = 3;
    console.log(a);// 3
    }
    console.log(a);//1
    b();
    console.log(a);// 1


  • 相关阅读:
    Typora上传图片设置
    SpringBoot入门详细教程
    vue
    我才学习到的严格模式(越往后看,越感觉复杂啊)
    js中三种定义变量的方式const, var, let的区别。
    冒泡
    tab切换
    日历
    jquery实现拖拽进度条并显示百分比的特效
    抽奖代码
  • 原文地址:https://www.cnblogs.com/yeyuyuni/p/11479184.html
Copyright © 2020-2023  润新知