作用域
(1)概述:一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域:**作用:**提高了程序逻辑的局部性、增强了程序的可靠性、减少了名字冲突。通俗的讲就是代码名字(变量)在某个范围起作用和效果。
(2)作用域分成全局作用域和局部作用域(ES6之前)
全局作用域:整个script标签或者一个单独的js文件 例如:var num=1;
局部作用域(函数作用域):在函数内部就是局部作用域,只在函数内部起效果;
块级作用域(ES6新增): 花括号里的 例如:if{}、for{};
(3)变量分成全局变量和局部变量
全局变量:在全局作用域下的变量,在全局都可以使用;注意:如果在函数内部没有声明直接赋值的变量也属于全局变量;
局部变量:在局部作用域下的变量,在函数内部的变量就是局部变量;注意:函数的形参也可以看做是局部变量;
区别:全局变量只有浏览器关闭时才会销毁,比较占内存资源;局部变量当我们程序执行完毕就会销毁,比较节约内存资源;
(4)作用域链:
1,只要是代码就至少有一个作用域;
2,写在函数内部的局部作用域;
3,如果函数中还有函数,那么这个作用域中又诞生一个作用域;
4,根据在内部函数可以访问外部函数变量的这种机制,用链式查找决定哪些数据能被内部函数访问,就称为作用域链;通俗的讲:内部函数访问外部函数的变量,采取的是链式查找的方式来决定取那个值,这种结构称为作用域链。
(5)预解析:
1,js引擎运行js分为两步:预解析、代码执行;
1.1,预解析 js引擎会把js里面所有的 var 还有 function 提升到当前作用域的最前面;
1.2,代码执行 按照代码书写顺序从上往下执行;
2,预解析分为变量预解析(变量提升)和函数预解析(函数提升);
2.1,变量提升就是把所有的变量声明提升到当前作用域的最前面、不提升赋值操作;
2.2,函数提升就是把所有的函数声明提升到当前作用域的最前面、不调用函数;
例子:
var num=10;
function fn(){
console.log(num);
var num=20;
console.log(num);
}
fn();
相当于:`
var num;
function fn(){
var num;
console.log(num);
num=20;
console.log(num);
}
num=10;
fn();