前言

❤️ 作者主页F1a;https://hongweblog.bLOG.csdn.net/

❤️ 简介：没有什么远大的理想，做自己喜欢的事情就好~

❤️ 扫码关注微信公众号： >>> Dianc小助手 <<<

❤️ 前端学习路线图、面试刷题、二次元壁纸珍藏，Dianc小助手后续会持续完善。

❤️ 大家的积极参与和讨论，是Dianc推送更多优质内容的动力~

第一题

说出下列的执行结果，并解释原因

源码：

<!DOCTYPE htML>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, inITial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        VAR fullName = 'a';
        var obj = {
            fullName: 'b',
            PRop: {
                fullName: 'c',
                getFullName: function() {
                    return this.fullName;
                }
            }
        }

        console.log(obj.prop.getFullName());
        var test = obj.prop.getFullName;
        console.log(test());
    </script>
</body>

</html>

解题思路

首先这题考察this的指向，那么我们看清楚第一次控制台输出的时候函数是直接对象执行，所以第一次输出的fullName应该指向父级prop的fullName，即c。第二次并不是直接使用对象执行函数，所以应该翻译成window.test()；那么全局的fullName即是a，所以答案就出来了。

第二题

说出下列的执行结果，并解释原因

源码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var foo = {
            bar: function() {
                return this.baz;
            },
            baz: 1
        }
        console.log(typeof(f = foo.bar)());
    </script>
</body>

</html>

解题思路

首先我们需要知道输出的时候后面有（），说明要执行函数，此时我们发现f其实是全局的，所以调用起来应该是window.f()，那么foo.bar的this应该就指向window，往上找不到bar的属性，所以应该输出undefined。

来自《往期优质文章》

有空就来做两道前端面试题题，你就是下一个大佬~ (8)

前言

目录

第一题

源码：

解题思路

第二题

源码：

解题思路

热门文章推荐：

脚本宝典总结