关于执行作用域和定义作用域的区别与联系

对于函数而言:
函数在定义时,存在一个位置,叫做当前函数的定义作用域;
函数在执行时,存在一个位置,叫做当前函数的执行作用域;

    定义作用域和执行作用域,都不是当前函数自身内部,而是当前函数所处的位置。

下面可以从几行代码中了解一下具体的含义:

 function box(){
        function fn(){
        }
        fn();
        // fn的执行作用域,是box的局部作用域
    }
    box的定义作用域,是全局作用域
    fn的定义作用域,是box的局部作用域

    box();
    box的执行作用域,是全局作用域
    fn();   执行不了

    function fun(){
        box();
        // box的执行作用域,是fun的局部作用域
    }
    执行作用域可以跨作用域,局部也可以执行全局;
    
    函数是一种特殊的对象,意味着,函数类型属于引用数据类型,默认浅拷贝。
    如果通过简单赋值,复制一个函数,得到的其实还是原函数。
  function box(){
        function fn(){

        }
        return fn;
    }

    var obj = {};
    obj.show = box;

    obj.show();
在box中返回了一个函数,返回值被f变量保存,因为函数也是对象,简单赋值属于浅拷贝
那么其实当前的f就是box中返回的那个函数的一个引用
如果将f作为函数执行了,相当于执行了box返回的那个函数的引用,其实就是执行了box里面的函数
var f = box();
f();
当前变量f,其实就是 box 内部的 fn 的执行作用域,就变成了全局;

函数的定义作用域,是固定的,写在哪就是哪;
函数的执行作用域,是可变的,在哪执行就是哪;


函数在执行时,可以拿到当前函数所在定义作用域中的所有数据:
 function box(){
        var a = 10;
        a++;
        console.log(a);
    }
    box();  // 11
    box();  // 11
    box();  // 11
    box();  // 11
  function box(){
        var a = 10;
        function fn(){
            a++;
            console.log(a);
        }
        return fn;
    }
    var f = box();
    f();
    f();
发布了17 篇原创文章 · 获赞 7 · 访问量 245

猜你喜欢

转载自blog.csdn.net/qq_44381873/article/details/104898208