作用域
1理解
这就是一块地盘,一个代码段所在的区域
他是静态的(相对于上下文对象),在编写代码时就确定了
2.分类
全局作用域
函数作用域
3.作用
隔离变量,不同作用域下同名变量不会有冲突
作用域与执行上下文
区别1:
全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就确定了,而不是调用时
全局执行上希望是在全局作用域确定之后,js代码马上执行之前创建
函数执行上下文是在调用函数时,函数体代码执行之前创建
区别2:
作用域是静态的,只要函数定义好了就一直存在,且不会再变化
执行上下文是动态的,调用函数时创建,函数调用结束时就会自动释放
联系
上下文环境(对象)是从属于所在的作用域
全局上下文环境 全局作用域
函数上下文环境 函数作用域
作用域链:
1.理解:
多个上下级关系的作用域形成的链,它的方向是从下向上的(从内到外)
查找变量时就是沿着作用域链来查找的
2.查找一个变量的查找规则:
1在当前作用域下的执行上下文中查找对应的属性,有就直接返回,否则进入2
2在上一级作用域的执行上下文中查找对应的属性,有就直接返回,否则进入3
3再次执行2的相同操作,查到全局作用域,如果还没,就抛出找不到异常
/*
作用域面试题
*/
var x =10
function f(){
console.log(x)
}
function show(){
var x =20
f()
}
show(f) //10 作用域在写代码定义的时候就已经确定好了!!!!
/*作用域面试题2*/
var f1=function(){
console.log(f1)
}
f1() //f(){console.log(f1)}
var obj ={
f2:function(){
console.log(f2)
}
}
// obj.f2() //报错 函数作用域没有找到,去全局作用域找也没有找到,所以报错!!!!!
///2与下面作区别:要想访问那个对象里的f3,要用this
var obj2={
f3:function(){
console.log(this.f3)
}
}
obj2.f3() //f(){console.log(this.f3)}