js中 什么是作用域,如何划分作用域

JavaScript019

js中 什么是作用域,如何划分作用域,第1张

目前国内开发使用最广的还是 ES5, 虽然ES6出来有这么久了,但还没有推广开来。

我现在说的都是针对ES5的,ES6中,因为加入了 let 关键字,用let声明的变量具有块级作用域。

ES5中 ,没有块级作用域,只有函数作用域。这就意味着

...

if{

var a = 1

}

console.info(a)

a在if块外是有作用域的,值等于1。

我们只有用

...

(function(){

var a = 1

})()

console.info(a)

a是undefined

a只在函数内有作用域。

ES6 之前 JS 没有块级作用域。例如

从上面的例子可以体会到作用域的概念,作用域就是一个独立的 地盘 ,让变量不会外泄、暴露出去。上面的name就被暴露出去了,因此, JS 没有块级作用域,只有全局作用域和函数作用域

全局作用域就是最外层的作用域 ,如果我们写了很多行 JS 代码,变量定义都没有用函数包括,那么它们就全部都在全局作用域中。这样的坏处就是很容易撞车、冲突。

这就是为何 jQuery、Zepto 等库的源码,所有的代码都会放在 (function(){....})() 中。因为放在里面的所有变量,都 不会被外泄和暴露 ,不会污染到外面,不会对其他的库或者 JS 脚本造成影响。这是函数作用域的一个体现。

附:ES6 中开始加入了块级作用域,使用let定义变量即可,如下:

首先认识一下什么叫做 自由变量 。如下代码中,console.log(a)要得到a变量,但是在当前的作用域中没有定义a(可对比一下b)。当前作用域没有定义的变量,就称为 自由变量 。自由变量如何得到 —— 向 父级 作用域寻找。

如果父级也没呢? 再一层一层向上寻找,直到找到全局作用域还是没找到,就宣布放弃 。这种一层一层的关系,就是 作用域链

通过例子来理解闭包。

自由变量将从作用域链中去寻找,但是 依据的是函数定义时的作用域链,而不是函数执行时 ,以上这个例子就是闭包。闭包主要有 两个 应用场景:

1.函数 作为 返回值 ,上面的例子就是

2.函数 作为 参数 传递,看以下例子

静态作用域:函数声明的时候就已经确定作用域。

动态作用域:函数调用的时候确定作用域。

func2 被调用,func2 中的 func 被调用,执行 console.log(),在 func 函数中未找到变量 a,于是去查找外层作用域,由于 js 是静态作用域,func 是在全局作用域中定义的,所以会去全局作用域查找变量,于是打印1。

因为 func 是在 func2 中被定义,当在 func 中未找到变量a,于是去外层 func2 中查找,找到变量a = 2,打印2,执行完成。