javascript 全局作用域，函数作用域详解（配图解）

函数作用域，我们可以理解为：就是一块“地盘”，一个代码段所在的区域，他是静态的（相对于执行上下文对象），在编写代码时就确定了。
分类：全局作用域，函数作用域
作用：隔离变量，在不同的作用域下同名变量不会有冲突
除了全局作用域之外，每个函数都会创建自己的作用域，作用域在函数定义时就已经确定好的了，而不是在函数调用时确定，跟调用没关系，只有执行上下文才需要调用
作用域链会先从自身开始查找作用域内的变量，有就执行，没有就往上一层作用域链查找，直到顶端为止，如果顶端还是没有就抛出异常。
执行上下文与函数作用域的区别：
作用域是静态的，只要定义好了就一直存在，且不会有变化
执行上下文是动态的，调用函数时创建，函数调用完就会自动释放
两者之间的联系：
上下文环境（对象）是从属于所在的作用域
全局上下文环境 == > 全局作用域
函数上下文环境 ==> 对应的函数使用域

举个冰冻栗子：

var a = 10; // 全局作用域
var b = 20;
function fun(x){    // 局部作用域var a = 100;   var c = 200;console.log("fun"+ a, b, c, x);function bar(x){var a = 1000;d = 300;console.log("bar"+a, b, c, d, x);}bar(20);
}
fun(50);

函数作用域，是定义好了就一直存在的，例如：
function fun(){ var a = 100; var c = 200 }
这个作用域，我写好了，他就存在的了，不需要去调用才生效（函数执行上下文就需要调用后才生效上下文对象）。

图解：对应着全局作用域，fun函数作用域，bar作用域
var a, var b 是全局作用域对象，fun是函数作用域对象，而 bar 则是嵌套在 fun 函数内部的作用域。
bar函数作用域内输出方法有个输出 b，但 bar作用域内没有 b这个变量，就往上一层 fun 作用域内进行查找，再没有就往再上一层，查找直到顶层为止，如果顶层还没有，就抛出异常
他的执行顺序是由内向上，一级一级查找的，值得记住的是，函数内部作用域他可以向上逐级查找，是因为顶层对象（属性，变量）对底层对象可见的，反之顶层对象，不能看到底层对象
说白了就是底层可以逐级查看，调用顶层数据，但顶层（外部）不能看到底层数据。

javascript 全局作用域，函数作用域详解（配图解）相关推荐

javascript 中match函数使用详解
javascript中的match函数是使用正则表达式对字符串进行查找,并将查找的结果作为数组返回,在实际开发中非常的有用,使用方法如下: stringObj.match(rgExp) 其中strin ...
javaScript函数模块详解
javaScript函数模块详解函数实际上是对象,每个函数都是Function类型的实例,而Function也有属性和方法,和其他引用类型一样可以将函数名想象成指针,函数想象成对象注意, ...
js onscroll android,JavaScript触发onScroll事件的函数节流详解
问题描述常见的网站布局,顶部一个导航栏,我们假设本页面共有四个栏目:分别为A.B.C.D,我们点击A,锚点跳转至A栏目,同时顶部的A按钮高亮:点击B,锚点跳转至B栏目,同时顶部的B按钮高亮:我们在M ...
eval 函数 java_[Java教程]eval()函数用法详解
[Java教程]eval()函数用法详解 0 2015-12-14 11:00:26 eval()函数用法详解: 此函数可能使用的频率并不是太高,但是在某些情况下具有很大的作用,下面就介绍一下eval ...
ajax.request函数使用详解
ajax.request函数使用详解 Ajax.Request ? Ajax.Request( url, { method:method, parameters:para, postBody:xmlS ...
jQuery.extend 函数使用详解
jQuery.extend 函数使用详解一.总结一句话总结: jquery $.extend的作用就是:用于将一个或多个对象的内容合并到目标对象:$.extend( target [, objec ...
JavaScript数据结构与算法——链表详解（上）
注:与之前JavaScript数据结构与算法系列博客不同的是,从这篇开始,此系列博客采用es6语法编写,这样在学数据结构的同时还能对ECMAScript6有进一步的认识,如需先了解es6语法请浏览ht ...
JavaScript数据结构与算法——队列详解（下）
接下来会借助本人另一篇文章JavaScript数据结构与算法--队列详解(上)中实现的队列类及其方法实现一个应用. 配对问题需求分析:在一个文件中保存着一份男女混合的数据,名称前以B开头表示男士,以 ...
JavaScript数据结构与算法——列表详解（下），基于Nodejs实现一个列表应用
1.上篇回顾: 上篇我们实现了一个列表类,并添加了一些属性,实现了比较多的方法,本文章将与大家一起使用列表实现一个图书借阅查询系统.需要使用JavaScript数据结构与算法--列表详解(上)中写好的 ...
java调用js匿名函数参数,js匿名函数作为函数参数详解
由衷的感叹,js真是烦. 学到现在,渐渐理解了什么是:语言都是通用的,没有好不好,只有擅长不擅长. 继承,多态,甚至指针,c能实现,c++,java有,javascript(和java是雷锋和雷峰塔的 ...

javascript 全局作用域，函数作用域详解（配图解）

javascript 全局作用域，函数作用域详解（配图解）相关推荐

最新文章

热门文章