作用域与作用域链

1.1变量作用域:
全局作用域:
如果变量在函数内没有声明(没有使用 var 关键字),该变量为全局变量

函数作用域:
变量在函数内声明,变量为局部作用域。

var lbj = 23;
function player(){
var kb = 24;
console.log(kb);  		//24
}
player();
console.log(lbj);     	//23

效果图解释:
1
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();

效果图如下:
2*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声明,修改了全局变量 

效果图如下:
32.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:
作用域是静态的,只要函数定义好了就一直存在且不会再变化
执行上下文是动态的,调用函数时创建,函数调用结束就会自动释放

联系:
执行上下文(对象)从属于所在的作用域
全局执行上下文从属于全局作用域
函数执行上下文从属于对应的函数作用域

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值