方法的入栈和出栈

一.作用域问题

1.全局作用域

在全局都能进行访问的变量

javascript 复制代码
  var a = 10;
    function fn() {
      var b = 20;
      return a + b;
    }
    console.log(fn());

2.局部的作用域

只能在限定的范围内进行访问

javascript 复制代码
 function fn() {
      var b = 20;
    }
    console.log(b);

b is not defined 打印的结果是b这个变量没用定义

3.块级作用域

(1)使用var

javascript 复制代码
  for (var i = 0; i <= 5; i++) {}
    console.log(i);
   

打印的结果是:6

(2)使用let

javascript 复制代码
  for (let i = 0; i <= 5; i++) {}
    console.log(i);

i is not defined

这里使用let定义变量就使用到了es6的let语法,块级作用域,使用let定义的变量只能在let{}包裹的快中就行访问

4.作用域的查找规则

代码1:

javascript 复制代码
   function fn() {
      var a = 10;
      return function fn1() {
         var a=11
         console.log(a);
      };
    }
    var b = fn();
    b()
    b()
    b()

首先在自己的作用域进行查找,如果没用找到就会往行上一级的作用域进行查找,直到找不为止。

代码2:

javascript 复制代码
  function fn() {
      var a = 10;
      return function fn1() {
        console.log(a++);
      };
    }
    var b = fn();
    b()  //10
    b()  //11
    b()  //12

二.通过方法的进栈和出栈来看闭包

javascript 复制代码
    function fn() {
      var a = 10;
      return console.log(a);
    }
    fn();
    fn();

fn方法入栈,在只想完毕后,就会销毁a这个变量。

javascript 复制代码
  function fn() {
      var a = 10;
      return function fn1() {
        console.log(a++);
      };
    }
    var b = fn();
    b()  //10
    b()  //11
    b()  //12

这个方法调用fn函数,返回fn1这个函数但是fn1这个函数里面的变量a没有指向的对象,因此它指向fn函数的a=10,调用fn()函数按照以往的逻辑本应该将a这个变量进行销毁,返回的也是一个可调用的b函数,因为b函数中的a变量需要fn函数定义的变量,所以不会被销毁。

因此没调用一次fn函数a机会递增1,.这也是不建议使用必要的原因,因为会造成栈溢出

相关推荐
white-persist4 分钟前
Python实例方法与Python类的构造方法全解析
开发语言·前端·python·原型模式
千里马-horse5 分钟前
Async++ 源码分析8--partitioner.h
开发语言·c++·async++·partitioner
新中地GIS开发老师41 分钟前
Cesium 军事标绘入门:用 Cesium-Plot-JS 快速实现标绘功能
前端·javascript·arcgis·cesium·gis开发·地理信息科学
Superxpang1 小时前
前端性能优化
前端·javascript·vue.js·性能优化
左手吻左脸。1 小时前
解决el-select因为弹出层层级问题,不展示下拉选
javascript·vue.js·elementui
李白的故乡1 小时前
el-tree-select名字
javascript·vue.js·ecmascript
Rysxt_1 小时前
Element Plus 入门教程:从零开始构建 Vue 3 界面
前端·javascript·vue.js
隐含1 小时前
对于el-table中自定义表头中添加el-popover会弹出两个的解决方案,分别针对固定列和非固定列来隐藏最后一个浮框。
前端·javascript·vue.js
Lucis__1 小时前
再探类&对象——C++入门进阶
开发语言·c++
007php0071 小时前
某大厂跳动面试:计算机网络相关问题解析与总结
java·开发语言·学习·计算机网络·mysql·面试·职场和发展