javascript基础之经典面试题1

 // 题目1:

        // console.log(a) //打印的结果为undefined  把下方var提升上去,也就成了var没有赋值

        // var a = 12

        // function fn() {

    ////提升下方var ,同样也成了var没有赋值

        //     console.log(a) //打印的结果为undefined

        //     var a = 13

        // }

        // fn()

        // console.log(a)

        ////此时打印的是a这个变量也就是上方变量a的值为12,另外一个var是在函数中的值,无法进行调用

         //打印的结果为12

        //解析: 代码在全局组作用域下执行。 第一件事 变量提升 提升一个a 提升一个fn。

        // 然后函数自上而下执行,第一个打印,a自然是undefined。

        // fn() 执行,形成私有作用域,第一件事还是私有作用域的变量提升,所以在fn函数内部的,console.log(a),执行之前,私有变量a,也已经提升。所以打印的依旧是undefined。虽然打印结束后,对a进行了赋值,但是改变的是局部的a。所以最后打印的是12.



  //题目二:

        console.log(a)//打印的结果为undefinded   把下方var提升上去,也就成了var没有赋值

        var a = 12

        function fn() {

            //因为下方的a=13前面没有添加 var ,所以就没有形成变量的提升,这样就会形成去上方寻找a的值

            console.log(a)  //下方对函数fn进行了调用   根据全局的作用域,提升了a,所以打印的a的值为12   

            a = 13

        }

        fn()

        console.log(a) 

        //此时打印的a是基于上方函数fn()对全局的a的值进行修改后的值,也就是13  

        //与题1类似,只是fn中的 a = 13 前没有var。那么,在fn执行的时候,形成的私有作用域内,无变量提升,那么fn中的a,既不是形参传进来的,

        // 也不是内部自己定义的,

        // 就得去父级作用域去找,于是fn中的console.log(a) 打印的是父级的a,也就是12. 然后a=13也是改变的父级作用域的a,于是最后打印的是13.


// 题目三:

        console.log(a)

        let a = 12

        function fn() {

            console.log(a)

            let a = 13

        }

        fn()

        console.log(a)

        //打印的结果是报错,因为在let这中,对变量的重复赋值就会进行报错



        //题目4:

        console.log(a)

        a = 12

        function fn() {

            console.log(a)

            let a = 13

        }

        fn()

        console.log(a)

        //跟上方产生的情况一样,用let定义的变量名为a的进行了重复的定义


 //题目5

        var foo = 1

        function bar() {

            if (!foo) {

                var foo = 10

            }

            console.log(foo)

        }

        bar()

        //运行上方的函数,走到if里面的时候,因为下方有一个变量,所以这个变量就会自动提升

        //var foo 的值也就为undefined,走进if条件语句里面,打印的结果也就是10

        // 解析 同理 先是全局的变量提升。之后再bar()执行的过程中,生成了私有作用域,无形参传入,

        // 但是内部有一个var,虽然这个var在if条件语句中,不过也是第一步提升这个变量。所以,if(!foo) 是成立的,也就执行了foo = 10. 所以打印的是10


 //题目6

        var foo = 1

        function bar() {

            if (!foo) {

                foo = 10

            }

            console.log(foo)

        }

        bar()

        //因为if下方的foo是对上方的作用域,所以不会进行提升,也就是走不进if这里,此时打印的结果为1


  //题目7:

        var n = 0

        function a() {

            var n = 10

            //执行这个函数此时n的值为10,再接着走到函数b里面去

            function b() {

                //上方的n值为10,在进行n++,得到的值也就是11

                n++

                console.log(n)

                //打印n的值,此时n的值也就是11

            }

            b()

            return b

        }

        //调用函数a把函数a得到的值赋给c,输出的结果为11

        var c = a()

        //再次调用从c()=a()()执行完成上方函数a()n等于11,所以在执行函数a的时候为12,输出的结果也就是12

        c()

        console.log(n)

        //打印n的值也就是上方全局变量的var n=0的值


  // 练习8:

        var a = 10

        var b = 11

        var c = 12

        function test(a) {

            a = 1

            var b = 2

            c = 3

        }

        test(100)

        //调用函数test把这里的实参100传到参数中去,也就是函数中的a为100

        console.log(a)

        //打印a的值也就是上面全局变量中的var a=10,打印的值也就是10

        console.log(b)

        //因为函数中的声明var b=2,所以变量的B没有提升性,打印的值也就是11

        console.log(c)

        //函数中的将3的值赋给了c,这里的c具有了提升性,也就得到了打印c的值为3

        //函数test执行,传参100。 我们再来分析下test执行的过程,第一,形参赋值 a = 100,第二变量提升 var b = undefined。

        // 第三test内部语句逐行执行,a,b被重新赋值,重点,这个a b都是test内部的变量啊 ,

        // 而c呢,既不是形参赋值,也不是内部变量,所以此时改变的,就是父级作用域的c。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容