JS经典面试题

作者: wy22 | 来源:发表于2021-12-02 21:33 被阅读0次

  /* console.log(a)  //undefined

        var a = 12

        function fn() {

            console.log(a)  //undefined

            var a = 13

        }

        fn()

        console.log(a)  //12 */

        /* console.log(a)  //undefined

        var a = 12

        function fn() {

            //注意:当前作用域里面没有a,就会到上一层作用域里面去寻找a

            console.log(a) //12

            a = 13

        }

        fn()

        console.log(a) //13 */

        /* // console.log(a)  //报错

        let a = 12  //let定义的变量,不存在提升

        function fn() {

            // console.log(a)  //报错,注意:只要是当前作用域里面的存在的变量,就不会去上层作用域找了

            let a = 13  //let定义的变量,不存在提升

        }

        fn()

        console.log(a) */

        /* // console.log(a)  //报错

        a = 12   // 定义变量可以不使用任何关键字,但是在定义该变量之前,不能使用该变量(这是一种不规范写法)

        function fn() {

            // console.log(a)  //报错

            let a = 13

        }

        fn()

        console.log(a) */

        /* var foo = 1

        function bar() {

            if (!foo) {

                var foo = 10  //这个foo会提升到当前作用域的顶部定义

            }

            console.log(foo)  //10

        }

        bar() */

        /* var foo = 1

        function bar() {

            if (!foo) {

                foo = 10

            }

            console.log(foo)   //1

        }

        bar() */

        /* var n = 0

        function a() {

            var n = 10   //11   12

            function b() {

                n++  //11  12

                console.log(n)  //11  12

            }

            b()

            return b

        }

        var c = a()

        c()

        console.log(n)  // 0 */

        /* var a = 10

        var b = 11

        var c = 12

        function test(a) {

            a = 1

            var b = 2   //方法里面的作用域b是2

            c = 3  //会将外层作用域的c的值换掉

        }

        test(10)

        console.log(a)  // 10

        console.log(b)  // 11

        console.log(c)  // 3 */

        /* // in关键字,用于检查一个属性是否包含在指定的对象中,如果包含就返回true

        if (!('a' in window)) {

            var a = 10

        }

        console.log(a) */

        /* var a = 4

        function b(x, y, a) {

            console.log(a)  // 打印形参的值 3

            arguments[2] = 10  // 又将形参a改成而来 10

            console.log(a)  // 10

        }

        a = b(1, 2, 3)  //b方法,没有返回任何内容,默认返回undefined

        console.log(a)  //undefined */

        /* var a = 9

        function fn() {

            // 1 2

            a = 0  

            return function (b) {

                //     5 + 1

                //     5 + 0

                return b + a++

            }

        }

        var f = fn()

        console.log(f(5))   //5

        console.log(fn()(5))  //5

        console.log(f(5))   //6

        console.log(a) //2 */

        /* var ary = [1, 2, 3, 4]

        function fn(ary) {

            ary[0] = 0   // 修改了原数组中第一位的值

            ary = [0]    // arr形参重新赋值一个新的数组

            ary[0] = 100 // 形参arr再修改第一个位置的值,就跟原数组没关系

            return ary

        }

        var res = fn(ary)   // [100]

        console.log(ary)    // [0,2,3,4]

        console.log(res)   // [100] */

        /* //          10->11

        function fn(i) {

            //               30

            return function (n) {

                console.log(n + i++)  //41

            }

        }

        var f = fn(10)

        f(20)   //30

        fn(20)(40)  //60

        fn(30)(50)  //80

        f(30) //41 */

        var num = 10  //60  65

        var obj = { num: 20 }  // 30

        //                   20  21

        obj.fn = (function (num) {

            //this->window

            this.num = num * 3

            num++ // 21

            //               10

            return function (n) {

                this.num += n  // 30

                num++  //22 23

                console.log(num)  //22 23

            }

        })(obj.num)

        var fn = obj.fn

        console.log(fn)  //function(n){this.num +=n;num++;console.log(num)}

        fn(5)  // 22

        obj.fn(10) //23

        console.log(num, obj.num) //65 30

        /* var fullName = 'language'

        var obj = {

            fullName: 'javascript',

            prop: {

                getFullName: function () {

                    return this.fullName

                }

            }

        }

        console.log(obj.prop.getFullName())  // undefined

        // 将getFullName方法传给test

        var test = obj.prop.getFullName

        console.log(test())  // language */

        // var定义的变量会成为window的属性

      /*   var name = 'window'

        var Tom = {

            name: "tom",

            show: function () {

                console.log(this.name)  // window

            },

            wait: function () {

                var fun = this.show

                fun()

            }

        }

        Tom.wait()  // window */

相关文章

  • this call apply bind【整理】

    详解JS中的this、apply、call、bind(经典面试题) https://m.jb51.net/arti...

  • 【IMWeb秋招训练营】【Day10】面试题总结

    经典面试题 37.哪些地方会出现css阻塞,哪些地方会出现js阻塞? js的阻塞特性所有浏览器在下载JS的时候,会...

  • 那些年遇到的面试题

    腾讯面试题 据说是小米面试题 答案: 来自国外的一道题 一道经典面试题: 杂 1.JS数据类型有哪些?哪些是引用类...

  • js基础面试题

    面试题:延迟加载JS有哪些方式? 面试题:JS数据类型有哪些? 面试题:JS数据类型考题 考题一: 考题二: 面试...

  • JS经典面试题

    /* console.log(a) //undefined var a = 12 functio...

  • js经典面试题

    一、 输出打印undefined \n undefined \n 12 var 定义的变量 会自动提升值所在作用域...

  • 文摘-20170305

    前端 释义图例详解那道setTimeout与循环闭包的经典面试题js中proto和prototype的区别和关系?...

  • iOS经典面试题总结--内存管理

    iOS经典面试题总结--内存管理 iOS经典面试题总结--内存管理

  • 前端相关大杂烩

    前端基础面试题(JS部分) 前端基础面试题(JS部分)学习 React.js 比你想象的要简单 原文地址:Lear...

  • 经典js面试题分析

    http://www.cnblogs.com/xxcanghai/p/5189353.html

网友评论

    本文标题:JS经典面试题

    本文链接:https://www.haomeiwen.com/subject/loydxrtx.html