【JS作用域】作用域基础语法

作用域:变量可以被访问、修改的区域

作用域链工作原理:如果一个变量或者其它表达式不在当前的作用域,那么 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

    静态作用域和动态作用域

    变量的作用域是在定义时决定而不是在执行时决定,也就是说记法作用域取决于源码,通过静态分析就能确定,因此词法作用域也叫静态作用域。

    只能在执行阶段才能决定变量的作用域,那就是动态作用域。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值