函数和变量的有效范围就是作用域
1、作用域的概念
这是因为js中存在作用域的概念。
作用域:
作用域就是指定一个变量或者一个函数的作用范围。
能在页面的任何位置都可以访问,称为 全局作用域
只能在局部(函数内)访问,称为为 局部作用域
上述代码中,a是全局变量,b是局部变量
ES5中只有函数才有作用域,所谓是局部作用域也可以叫函数作用域。
作用域的作用就是为了把数据进行保护,不让外部的数据对我们的数据进行污染
以下①②③④打印什么?
但是结果却大出所料,这里得到的结果是undefined。
③处的结果也和我们最初的认识是不一样的,结果为f对应的函数对象。
造成这个结果是因为变量和函数的作用域提升的原因,什么意思呢?
JS是解释性语言,JS引擎对代码的处理分为两步:
4、作用域链和访问规则
在JavaScript里面,函数内部是可以包含另一个函数的
此时函数b就被函数a包含越来了,这样就形成了两层作用域。
如果有以下代码:三个同名变量放在三个作用域内
会依次输出:10,20,30
虽然多个变量x同名,但是不同作用域内优先使用自己内部作用域的变量x。
如果代码做一下修改:删除函数b的局部变量x
依次输出:10,20,20
函数b内部没有变量b,会向自己的外面的作用域查找x变量,函数a内的x变量离函数b最近,会优先得到函数a的变量x
代码再做修改:再删除a的局部变量x
会依次输出:10,10,10
函数b内部没有x变量,会向函数a的作用域查找,但是函数a内部也没有x变量,会向函数a的上一层作用域再查找,直到查找到了全局作用域。
代码再次变化:全局的变量x也删除
函数b内部没有变量x,会顺着上层作用域一层一层地查找,直到全局作用域也没有,就会报错。
总结:
目前国内开发使用最广的还是 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只在函数内有作用域。
作用域:它是指对某一变量和方法具有访问权限的代码空间, 在JS中, 作用域是在函数中维护的。表示变量或函数起作用的区域,指代了它们在什么样的上下文中执行,亦即上下文执行环境。Javascript的作用域只有两种:全局作用域和本地作用域,本地作用域是按照函数来区分的。闭包:在js中的我的理解就是函数嵌套函数,当内部函数在定义它的作用域的外部被引用时,就创建了该内部函数的闭包 ,如果内部函数引用了位于外部函数的变量,当外部函数调用完毕后,这些变量在内存不会被 释放,因为闭包需要它们.
使用闭包要注意:
1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便
改变父函数内部变量的值。