码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript执行环境、作用域、作用域链

时间:2020-01-23 18:12:52      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:关联   ons   log   对象   增加   img   --   asc   执行环境   

1.执行环境 --> 代码自上而下执行的环境,定义变量与函数的行为,每一个执行环境都有关联的 变量对象,

  1.1全局执行环境 --> 浏览器的全局执行对象是window (页面关闭 执行环境销毁)

技术图片

  2.1函数执行环境 --> 刚进入函数时,函数的环境被推入环境栈中,在执行之后,栈将其环境弹出,把控制权交给之前的执行环境

技术图片

2.作用域链

代码在一个环境中执行时,会创建变量对象的一个作用域链,用途是保证对执行环境有权访问的所有变量和函数进行有序的访问。

<script>
    var text = 10;
    function f1(){
      var text = 100;
      console.log("f1",text); // 100
      f2(); //f2是多少撒?难受?记住,定义函数的时候已经定义了作用域链,所以f2作用域链连接的是全局作用域 所以 10就对了
    }
    function f2(){
      console.log("f2",text);
    };
    f1();
  </script>

3.作用域 ES6之前分全局与函数作用域 E6增加块级作用域

<script>
    var text = 10; //全局变量
    function f1(){
      var text = 100; //局部变量 在函数内生效
      if(true){
        let text = 99; //块级变量 只在 {}中生效
        console.log("let",text) //99
      }
      console.log("fn1",text); //100
    }
    f1();
    console.log("text",text) //10
  </script>

Javascript执行环境、作用域、作用域链

标签:关联   ons   log   对象   增加   img   --   asc   执行环境   

原文地址:https://www.cnblogs.com/liangfc/p/12230876.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!