作用域就是一个独立的地盘,让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突。
2..js的作用域:(以下讲的都是es6之前 没有块级作用域):全局作用域 局部作用域
全局作用域:整个script或者是整个 js文件内生效的
注意:
1.如果是函数内部直接赋值,而没有声明的变量也称作为全局变量;
2.全局变量只有浏览器关闭的时候才会被销毁,比较占内存空间
局部作用域(函数作用域):在函数内部的就是局部作用
域,这个代码名称只有在这个函数内起效果;
注意:
1.函数的形参也可以看做全局变量;
2.局部变量,当我们的程序执行完毕,就会立马被销毁;
3.作用域链:内部函数访问外部函数的变量;采取就近原则
例如
var num=10;
function bee () {/* 外部函数 */
var num=20;
function comby () {/* 内部函数 */
console.log(num); //20
}
}
console这时候去查询num ,第一本身没有num,跳出函数,到外部函数寻找num,如果外部函数也没有num,则到全局作用域里面找num 这样的查询方式为链式查询,这种结构称作为作用域链
4.预解析
js解析器在运行js代码时候,分为两步:预解析和代码执行;
1.预解析:js引擎会js所有的var function提升到当前作用域最前面;
(1).变量提升(变量预解析):就是把所有的变量声明提升到作用域的最前面,但是不进行赋值;
(2).函数预解析(函数提升):就是把所有的函数声明提升到作用域的最前面 但是不调用函数;
2.代码执行:按照代码书写顺序从上往下执行;
例子:
var num=10;
fun();
function fun (params) {
console.log(num); // undefined
var num=28;
}
相当于执行以下操作:
var num;
function fun (params) {
var num;
console.log(num); 出现结果是undefined
num=28;
}
num=10;
fun();
所以当执行console时候,num还没有赋值,只会输出undefind
例子:
f1();
console.log(a); //undefind
console.log(b);//9
console.log(c);//9
function f1() {
var a=b=c=9
console.log(a); //9
console.log(b); //9
console.log(c); //9
}
var a=b=c=9;
相当于:var a = 9 ; b = 9; c = 9;
b和c并没有var声明 只有赋值;赋值相当于全局变量来看
而另一种写法集体声明:var a = 9,b = 9;c = 9;这样写才三个同时有var
所以在外面的console(a)是undefind