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

面试题一
面试题二

面试题一

<!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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

作用域示意图：

在这里插入图片描述

面试题二

<!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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

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

相关阅读:
java进阶(七)------多线程---多线程操作同一变量
杰理之如何测试按键的误触率【篇】
cell2location jupyter python界面
分布式文件存储系统FastDFS[2]-上传和下载文件工具类
Numpy入门[4]——数组类型
七天入门node.js（02）
身份验证漏洞之身法提升篇
shell脚本学习
div+css静态网页设计——电影售票平台(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品
Redis

原文地址：https://blog.csdn.net/cjhxydream/article/details/127601042