JavaScript中作用域工作模型是什么

这篇文章主要介绍了JavaScript中作用域工作模型是什么 ，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。JavaScript内功系列：this指向详解，思维脑图与代码的结合，让你一篇搞懂this、call、apply。系列（一）从原型到原型链，修炼JavaScript内功这篇文章真的不能错过！系列（二）本文一、作用域的定义一张导图概括本节内容注意：除了作用域免费云主机、域名，在此送大家2020最新企业级 Vue3.0/Js/ES6/TS/React/Node等实战视频教程，点击此处免费获取，小白勿进哦

1.1 常见的解释一段程序代码中所用到的名字并不总是有效，而限定它的可用性的范围就是这个名字的作用域；作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限；通俗的讲作用域就是一套规则，用于确定在何处以及如何查找某个变量的规则1.2 JavaScript中作用域工作模型JavaScript 采用是词法作用域(lexical scoping)，也就是静态作用域：函数的作用域在函数定义的时候就决定了与之对应的还有一个动态作用域：函数的作用域是在函数调用的时候才决定的；1.3 全局变量和局部变量根据定义变量的方式又可以分为：局部变量：只能在函数中访问，该函数外不可访问；定义在函数中的变量全局：任何地方都能访问到的对象拥有全局作用域。函数外定义的变量所有末定义直接赋值的变量自动声明为拥有全局作用域注意：在ES6之后又提出了块级作用域，它们之间的区别我们之后再来讨论。二、理解作用域根据第一节的描述，我们一一验证一下2.1 理解词法作用域我们结合定义去分析：执行bar函数，函数内部形成了局部作用域；声明value变量，并赋值2执行foo函数，函数foo的作用域内没有value这个变量，它会向外查找根据词法作用域的规则，函数定义时，foo的外部作用域为全局作用域打印结果是1如果是动态作用域的话：结果就是2，不知道你是否想明白了？2.2 全局变量再来分析下面的代码：2.3 局部作用域局部作用域一般只在固定的代码片段内可访问到，最常见的就是以函数为单位的：三、作用域链3.1 当查找变量的时候都发生了什么？会先从当前上下文的变量对象中查找；如果没有找到，就会从父级(词法层面上的父级)执行上下文的变量对象中查找；一直找到全局上下文的变量对象，也就是全局对象；作用域链的顶端就是全局对象；这样由多个执行上下文的变量对象构成的链表就叫做作用域链，从某种意义上很类似原型和原型链。3.2 作用域链和原型继承查找时的区别：查找一个普通对象的属性，但是在当前对象和其原型中都找不到时，会返回undefined查找的属性在作用域链中不存在的话就会抛出ReferenceError。3.3 作用域嵌套既然每一个函数就可以形成一个作用域（词法作用域 || 块级作用域），那么当然也会存在多个作用域嵌套的情况，他们遵循这样的查询规则：内部作用域有权访问外部作用域;外部作用域无法访问内部作用域;（真是是这样吗？）兄弟作用域不可互相访问;在《你不知道的Js》中，希望读者可以将作用域的嵌套和作用域链想象成这样：四、思考与总结4.1 总结4.2 思考最后，让我们看一个《JavaScript权威指南》中的两段代码：两段代码的结果都是”local scope”，书中的回答是：JavaScript 函数的执行用到了作用域链，这个作用域链是在函数定义的时候创建的。嵌套的函数 f() 定义在这个作用域链里，其中的变量 scope 一定是局部变量，不管何时何地执行函数 f()，这种绑定在执行 f() 时依然有效。但是它们内部经历的事情是一样的吗？感谢你能够认真阅读完这篇文章，希望小编分享的“JavaScript中作用域工作模型是什么 ”这篇文章对大家有帮助，同时也希望大家多多支持云技术，关注云技术行业资讯频道，更多相关知识等着你来学习!

相关推荐: 怎么解决Spring循环依赖问题

本篇内容介绍了“怎么解决Spring循环依赖问题”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！前言循环依赖问题，算是一道烂大街的面试题了，解毒之前，我们先来回顾…