美文网首页
JavaScript作用域与作用域链

JavaScript作用域与作用域链

作者: YYanm | 来源:发表于2018-09-22 22:49 被阅读0次

一. 作用域

JavaScript作用域是什么?

作用域指的就是变量存在的范围

我们的作用域又分成了全局作用域和局部作用域两块

现在我们说一说怎么分别认知:

局部变量是只能在函数内部操作,而我们的局部作用域也是一样的。全局作用域在整个程序中一直存在,所有地方都可以读取。
局部作用域只能在函数内部存在。

在大多数的语言中都是用花括号{ }来形成一个作用域

   {
       int a=2
    }

但是在我们JavaScript中{ }是不能形成作用域的,需要靠函数来形成。

1. 我们看一段代码:
function fn() {
    var a= '您好';
    console.log(a);
}//输出 您好 在控制台
fn()

在函数执行后,输出了a变量,a变量是我们定义在fn函数里的。

2. 再看一段代码:
var b='您好';
function fn() {
  console.log(b);
}//输出 您好 在控制台
fn()

这段代码并没有在内部定义变量,它为首先在fn函数中查找a这个变量,查找不到就会跳到自己的上层(全局)来查找到变量b。

二. 作用域链

//继续看这个代码
var b='您好';
function fn() {
  console.log(b);
}//输出 您好 在控制台
fn()

我们控制台输出b这个变量,需要首先找到var b;首先它会在自己的函数区域中查找,如果找不到就会去往自己的上层。

//再看一个代码
var a = 1
function fn1(){
  function fn2(){
    console.log(a)
  }
  function fn3(){
    var a = 4
    fn2()
  }
  var b= 2
  return fn3
}
var fn = fn1()
fn() //输出1

这段代码首先fn2 console.log(a) 变量a输出到控制台,我们首先在fn2中查找变量a,没有?我们往上层查找到fn1中没有变量a? 那我们再往上到全局属性后查找到var a = 1 ; 找到后输出1。

总结一下:
  • 函数在执行的过程中会先从自己的内部查找变量
  • 如果找不到再从当前创建函数的所在作用域去找,以此往上
  • 如果查找到后就会立即停止
  • 如果在全局作用域还没找到的话,就会报错:ReferenceError: 某变量 is not defined





以上是我对作用域和作用域链的理解,有不足之处请多见谅

相关文章

  • javascript基础知识问答-作用域和闭包

    1.理解词法作用域和动态作用域2.理解JavaScript的作用域和作用域链3.理解JavaScript的执行上下...

  • 2018-04-11

    JavaScript作用域链浅析 1、作用域 作用域指的是变量存在的范围。在ES5规范中,JavaScript只有...

  • 作用域和闭包

    一、理解 JavaScript 的作用域、作用域链和内部原理 作用域 javascript 拥有一套设计良好的规则...

  • JavaScript作用域学习笔记

    @(JS技巧)[JavaScript, 作用域] JavaScript作用域学习笔记 概念: 作用域就是变量与函数...

  • JavaScript 作用域和作用域链

    JavaScript 作用域 作用域就是变量与函数的可访问范围。在JavaScript中,变量的作用域有全局作用域...

  • JS_0: 执行环境和作用域链

    JavaScript,目前对于执行环境和作用域链的理解 什么是作用域链? 要讲作用域链就得先讲执行环境。 每个函数...

  • 作用域链和闭包

    在谈作用域链之前先说一下与作用域链关系紧密的执行环境和作用域。 作用域:作用域指的是变量的适用范围。 作用域链:作...

  • 作用域

    JavaScript以函数为作用域。 2 作用域在被调用之前,已经被创建了。 3 函数的作用域存在作用域链,也是在...

  • JavaScript作用域链和闭包究竟是什么

    JavaScript作用域链 作用域 作用域就是变量和函数的可访问范围, 控制着变量和函数的可见性与生命周期, 在...

  • JavaScript深入系列的学习(一)

    JavaScript深入之从原型到原型链JavaScript深入之词法作用域和动态作用域JavaScript深入之...

网友评论

      本文标题:JavaScript作用域与作用域链

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