作用域:变量可以被访问、修改的区域
作用域链工作原理:如果一个变量或者其它表达式不在当前的作用域,那么 Javascript机制会汕头作用域链向上查找直到全局作用域(global或浏览器中的window)如果找不到将不可被使用。作用域也可以根据代码层次分层,以便子作用域可以访问父作用域,通常是指沿着链式作用域链查找,而不能从父作用域引用子作用域中的变量和引用。
作用域链是什么:任何一个作用域链都是一个堆栈,首先把全局作用域压入栈底,再按照函数的嵌套关系依次压入堆栈。在执行的时候就按照这个作用域链寻找变量。
JS作用域分类:全局作用域、函数作用域、块级作用域、动态作用域
全局作用域-blobal/window:
目的:程序的任何地方都可以访问此变量
定义位置:函数或代码块{}外定义
注意:用var定义的变量和不用var声明的变量,都具有全局作用域,区别是前者是全局变量,后者是作为全局对象window(宿主为浏览器)的属性存在。全局变量不可以删除,全局对象上的属性可以删除。另外,在函数内部没有使用var定义的变量,不具备函数作用域,具备全局作用域,也是全局对象window的属性,可以进行删除操作。
函数作用域-function:
定义位置:在函数内部定义的变量,拥有函数作用域,或称局部作用域。函数作用域内,对外是封闭的,从外层作用域无法直接访问函数内部的作用域。
如果想读取函数内部的变量,必须借助闭包或return的方式。
块级作用域-{}:
ES6 之前只有全局作用域和函数作用域
ES6 let 和 const
动态作用域-this:
定义:将函数动态绑定在一个对象上,此时this指向该对象,这样会导致同一个函数会有不同的执行结果。
window.a = 3
function test() {
console.log(this.a)
}
test.bind({a: 2})() //2 此处bind把作用域的范围进行了修改,指向了{a: 2}
test() //3
静态作用域和动态作用域
变量的作用域是在定义时决定而不是在执行时决定,也就是说记法作用域取决于源码,通过静态分析就能确定,因此词法作用域也叫静态作用域。
只能在执行阶段才能决定变量的作用域,那就是动态作用域。