作用域与作用域链--面试题

若水cjj

已于 2022-10-30 17:03:13 修改

阅读量125

点赞数

分类专栏： # Javascript 文章标签： javascript

于 2022-10-30 16:48:44 首次发布

本文链接：https://blog.csdn.net/cjhxydream/article/details/127601042

版权

Javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

作用域与作用域链--面试题

面试题一
面试题二

面试题一

<!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>作用域与作用域链面试题</title>
</head>
<body>
    <script>
        var x = 10
        function fn(){
            console.log(x)
        }

        function show(f){
            var x = 20
            f()
        }
        show(fn)   // 输出10
    </script>
</body>
</html>

作用域示意图：

在这里插入图片描述

面试题二

<!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>作用域与作用域链面试题</title>
</head>
<body>
    <script>
        var fn = function(){
            console.log(fn)
        }
        fn()   // 打印fn的函数

        var obj = {
            fn2:function(){
                console.log(fn2)
                // console.log(this.fn2) // 加上this.fn2才行
            }
        }
        obj.fn2()  // 报错
    </script>
</body>
</html>

作用域图解：
执行fn()函数时，会在自身作用域查找，能够找到fn函数，便输出
执行obj.fn2()时，先在自身作用域中查找，没有找到fn2函数，然后去全局作用域查找，没有找到fn2函数，因此报错,说fn2没有定义，要想能够输出fn2函数内容，要使用this.fn2()才行
在这里插入图片描述

若水cjj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
作用域与作用域链--面试题

执行obj.fn2()时，先在自身作用域中查找，没有找到fn2函数，然后去全局作用域查找，没有找到fn2函数，因此报错,说fn2没有定义，要想能够输出fn2函数内容，要使用this.fn2()才行。执行fn()函数时，会在自身作用域查找，能够找到fn函数，便输出。
复制链接

扫一扫