美文网首页
JS作用域链

JS作用域链

作者: 饥人谷_张晓霞 | 来源:发表于2019-03-29 00:30 被阅读0次

1. 作用域

JS中的变量和函数并不总是可用的,有其使用的范围,这就是作用域。

  • JS的作用域靠函数形成,函数内声明的变量是局部变量,在函数外不可访问。
  • 不在函数内声明的变量是全局变量。且函数内省略var声明的变量也是全局变量。

2. 作用域链

作用域链决定了哪些数据能被函数访问

举个例子
var a = 1;      //全局变量
function fn1(){    //父函数
   function fn2(){   //子函数
     console.log(a);
   }
   function fn3(){    //子函数
     var a = 4;     //局部变量
     fn2();
   }
   var a = 2;       //父函数的局部变量对子函数可见
   return fn3;
}
var fn = fn1();        //调用函数fn1
fn();    //2

函数在执行过程中,先从自己内部找变量,如果找不到,再从创建当前函数所在的作用域中查找,即层层向上往父级作用域中查找变量。沿着作用域链找变量。

函数fn1返回函数fn3的值,fn3调用了fn2,fn2要求输出变量a的值,函数fn2内部并没有定义变量a,fn2的父函数是fn1,所以往父函数fn1的作用域中查找,由代码可见,fn1中有var a =2; 所以找到fn2输出变量a的值为2。这就是最终的结果。

相关文章

  • 干货!月薪80k前端大佬面试笔记:JS闭包解析!

    三点注意事项 JS没有块级作用域,只有全局作用域和局部作用域(函数作用域)。 JS中的作用域链,内部的作用域可以访...

  • JS 作用域链、导入导出

    1. JS 的作用域链 作用域在 JS 中表示变量的可访问性和可见性。JS 作用域有 3 种:1. 全局作用域;2...

  • 闭包

    一、理解闭包前js基础1、作用域链(作用域、作用域链中有说)。2、js的内存回收机制。一个函数在执行开始的时候,会...

  • 作用域和作用链

    关键词:作用域作用链 作用域 js中没有块级作用域 全局作用域,函数作用域太简单,就不演示(≧▽≦)/啦啦啦 作用...

  • 2018-12-18

    JS高级 作用域&作用域链 作用域: 1.作用域的个数:n(函数声明的个数)+1(全局作用域)2.作用域不会存储变...

  • 浅谈JS作用域链

    浅谈JS作用域链 作用域 作用域(scope)就是变量访问规则的有效范围。作用域外,无法引用作用域内的变量;离开作...

  • JS博客

    JS构造函数及new运算符 JS原型对象和原型链 函数作用域和作用域链 干货分享:让你分分钟学会JS闭包 深入理解...

  • JS进阶系列

    在JS入门难点解析系列中,我们对JS的一些重要概念,比如:作用域,作用域链,原型,原型链,继承,活动对象,this...

  • js 作用域链 和 原型链

    作用域链 js拥有全局作用域(window)、函数作用域、块级作用域(es6)。块级作用域是es6开始才拥有的,因...

  • JavaScript 函数闭包(colsure)

    理解闭包,你首先必须理解JS的变量作用域,JavaScript作用域和作用域链。 ES6之前,变量的作用域分为全局...

网友评论

      本文标题:JS作用域链

      本文链接:https://www.haomeiwen.com/subject/dlohbqtx.html