1.1变量作用域:
全局作用域:
如果变量在函数内没有声明(没有使用 var 关键字),该变量为全局变量
函数作用域:
变量在函数内声明,变量为局部作用域。
var lbj = 23;
function player(){
var kb = 24;
console.log(kb); //24
}
player();
console.log(lbj); //23
效果图解释:
1.2作用域作用:
隔离变量,不同的作用域之下同名的变量不会有冲突
var best = '詹姆斯';
function first_player(){
var best='科比';
function second_player(){
var best = '韦德';
console.log(best); //韦德
}
console.log(best);
second_player(); //科比
}
console.log(best); //詹姆斯
first_player();
效果图如下:
*1.3:*在全局作用域下编写代码时可以不写var声明语句,但声明局部变量时必须使用var语句
var lbj = 6; //声明一个全局变量
var kb =8; //声明一个全局变量
function player(){
var lbj = 23; //用var声明一个同名的局部变量
kb = 24; //不用var声明一个同名的局部变量
}
player();
console.log(lbj); //6 在局部变量用var声明,没有修改全局变量
console.log(kb); //24 在局部变量没有用var声明,修改了全局变量
效果图如下:
2.1 作用域链引入:
在函数体内,局部变量的优先级高于同名的全局变量
var lbj = 6;
function player(){
var lbj = 23;
console.log(lbj); //23
}
player();
2.2 理解:
多个上下级关系的作用域形成的链,它的方向是从内向外的
查找变量时就是沿着作用域链查找的
2.3 查找规则
步骤1、在当前作用域下的执行上下文查找对应的属性,如果有就直接返回,否则进入2
步骤2、在上一级作用域的执行上下文查找对应的属性,如果有直接返回,否则进入3
步骤3、再次执行步骤2的相同操作,直到全局作用域,如果还找不到抛出找不到的异常
var lbj = 23;
function player_one(){
var kb = 24;
function player_two(){
var wd = 3;
function player_three(){
var kd = 35;
console.log(lbj); //返回23
}
player_three();
}
player_two();
}
player_one();
照片分析:
案例分析:
在当前player_three函数作用域下查找lbj属性,找不到,进入到下一步
在player_two函数作用域下查找lbj属性,找不到,进入到下一步
在player_one函数作用域下查找lbj属性,找不到,进入到下一步
在全局作用域下查找lbj属性,找到了,返回23
3.作用域与执行上下文:
区别1:
全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就已经确定了,而不是在函数调用时
全局执行上下文是全局作用域确定之后,JS代码执行之前创建
函数执行上下文是调用时函数时,函数体代码执行之前创建
区别2:
作用域是静态的,只要函数定义好了就一直存在且不会再变化
执行上下文是动态的,调用函数时创建,函数调用结束就会自动释放
联系:
执行上下文(对象)从属于所在的作用域
全局执行上下文从属于全局作用域
函数执行上下文从属于对应的函数作用域