欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-15 10:40:47
...

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

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

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

 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();
相关标签: 作用域