JavaScript 函数作用域和作用域链简单理解;
首先要知道一点,javascript中只有函数作用域而没有块级作用域(ES6除外);
我们再来看看什么是函数作用域?
函数作用域: 先看代码示例
<script>
function abc(){
var test1=3;
}
alert(test1);
</script>
看看结果: 说明函数外是无法使用函数内的变量的,这就是函数作用域,变量局限于函数内,外部无法使用内部变量;
函数作用域链又是什么意思呢?
我们通过代码和图像辅助来了解函数作用域链到底是怎么回事:
代码: 这一段代码弹出test 的字符串为:bottom;
<script>
var test="top";
function abc(){
var test="bottom";//如果没有这一句,结果弹出字符串 "top";
alert(test);
}
</script>
也就是说弹出的变量先从本层函数开始找,找到test,那么就弹出test的值;
如果没有找到test,那就从外层再找,找到弹出test的值;一层一层向外找,
如果最外层也没有找到test这个变量,那么就会出现报错信息;
再看看图像:每一层相当一个函数,全国相当于最外层,现在全国下面有省市县三个函数嵌套,
那么我们在县里面找一个叫张三的人,那么就先从县里找,找到了,就返回这个县里
张三,如果没有我们再去市里找 ,找到了就返回市里的这个张三,如果还没有,那就
去省里找,找到就返回省里的张三,如果省里还没有,那就全国找,找到返回全国的
张三,最后全国都没有这个人,那么就只能报错了,你要找的人不存在;和上面的代码是
一个意思;