JavaScript面试题（1）

2021-04-26 19:29

阅读：544

标签：ons 输出 res 操作符 const 第一题指针变量 white 访问

第一题：赋值，调用

        var a, b;
        (function () {
            alert(a);
            alert(b);
            var a = b = 3;
            alert(a);
            alert(b);
        })();
        alert(a);
        alert(b);

依次弹出：undefined,undefined,3,3,undefined,3

解析： var a=b=3 相当于 var a = 3；b = 3；b是全局的

第二题：异步任务

        console.log(1);
        let a = setTimeout(() => {
            console.log(2)
        }, 0);
        console.log(3);
        Promise.resolve(4).then(b => {
            console.log(b);
            clearTimeout(a);
        });
        console.log(5);

答案： 1 3 5 4

解析：

在执行异步任务：其中异步任务分为宏任务和微任务，微任务优先级高于宏任务。promise.then执行的微任务，输出4，然后clearTimeout(a)清除了定时器，于是不再打印2。

第三题：

        var str = "stiabsstringapbs";
        var obj = {};
        for (var i = 0; i ) {
            var key = str[i];
            if (!obj[key]) {
                obj[key] = 1;
            } else {
                obj[key]++;
            }
        }
        var max = -1;
        var max_key = "";
        var key;
        for (key in obj) {
            if (max  obj[key]) {
                max = obj[key];
                max_key = key;
            }
        }
        alert("max:" + max + " max_key:" + max_key);

答案： max:4 max_key:s

解析：

第四题：（--运算符）

        function out(x) {
            var temp = 2;

            function inside(y) {
                document.write(x + y + (temp--));
            }
            inside(5);
        }
        out(3);

答案： 10

解析：如果该运算符作为后置操作符，则返回它递减之前的值。如果该运算符作为前置操作符，则返回它递减之后的值。

第五题：（构造函数）

        var F = function () {};
        Object.prototype.a = function () {};
        Function.prototype.b = function () {};
        var f = new F();

答案： f 能取到a，但取不到b

解析：

1. f.__proto__ === f[的构造函数].prototype === F.prototype

2. F.prototype.__proto__ === (F.prototype)[的构造函数].prototype === Object.prototype (所以a能够通过f.a访问)

3. f.constructor === F

4. F.__proto__ === F[的构造函数].prototype === Function.prototype (所以b可以通过, f.constructor.b访问到)

注意:

(F.prototype)[的构造函数] === Object

F[的构造函数] === Function

网上有一道美团外卖的面试题是这样的：

Function.prototype.a = ‘a‘;

Object.prototype.b = ‘b‘;

function Person(){};

var p = new Person();

console.log(‘p.a: ‘+ p.a); // p.a: undefined

console.log(‘p.b: ‘+ p.b); // p.b: b 问为什么？

有不少同学第一眼看上去就觉得很疑惑，p不是应该继承了Function原型里面的属性吗，为什么p.a返回值是undefined呢？

其实，只要仔细想一想就很容易明白了，Person函数才是Function对象的一个实例，所以通过Person.a可以访问到Function

原型里面的属性，但是new Person()返回来的是一个对象，它是Object的一个实例,是没有继承Function的，所以无法访问

Function原型里面的属性。但是,由于在js里面所有对象都是Object的实例，所以，Person函数可以访问到Object原型里面的

属性，Person.b => ‘b‘

第六题：

        function test() {
            var n = 4399
            function add() {
                n++
                console.log(n)
            }
            return {
                n: n,
                add: add
            }
        }
        var reslut = test()
        var reslut2 = test()
        reslut.add()
        reslut.add()
        console.log(reslut.n)
        reslut2.add()

答案： 4000 4001 4399 4000

解析：在第三个，这里{n：n}是对变量n里的值进行缓存，而不是本身n这个指针变量，这样生成add的时候n指向的值是多少{n：n}里的值就是多少

JavaScript面试题（1）

标签：ons 输出 res 操作符 const 第一题指针变量 white 访问

原文地址：https://www.cnblogs.com/sad-dog/p/13251418.html

上一篇：springboot整合动态多数据源+分布式事务（亲测可用）

下一篇：python---websocket

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：JavaScript面试题（1）
文章链接：http://soscw.com/index.php/essay/79889.html

亲，登录后才可以留言！

JavaScript面试题（1）

评论

热门文章

推荐文章

最新文章

置顶文章