1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > javascript 全局作用域 函数作用域详解(配图解)

javascript 全局作用域 函数作用域详解(配图解)

时间:2018-09-21 08:10:29

相关推荐

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 作用域内进行查找,再没有就往再上一层,查找直到顶层为止,如果顶层还没有,就抛出异常

他的执行顺序是由内向上,一级一级查找的,值得记住的是,函数内部作用域他可以向上逐级查找,是因为顶层对象(属性,变量)对底层对象可见的,反之顶层对象,不能看到底层对象

说白了就是底层可以逐级查看,调用顶层数据,但顶层(外部)不能看到底层数据。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。