【JavaScript作用域】

1 本节目标

  • 说出JavaScript的两种作用域
  • 区分全局变量和局部变量
  • 说出如何在作用域链中查找变量的值

2 作用域

2.1 作用域概述

  • 通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。
  • js的作用域(es6之前)分类:分为全局作用域和局部作用域

2.2 全局作用域

  • 全局作用域:整个Script标签或者是一个单独的js文件。

2.3 局部作用域

  • 局部作用域(函数作用域):这个代码的名字只在函数内部起效果和作用。

3 变量的作用域

3.1 变量作用域的分类

  • 在JavaScript中,根据作用域的不同,变量可以分为两种:全局变量和局部变量

3.2 全局变量

  • 全局变量:在全局作用域下var声明的变量(在函数外部定义的变量),在全局代码的任何位置都可以使用。
  • 注意(特殊情况):如果在函数内部没有使用var声明、直接赋值的变量,也属于全局变量。

3.3 局部变量

  • 局部变量:在局部作用域下的变量,后者在函数内部使用的变量就是局部变量。
  • 注意(特殊情况):函数的形参也可以看作是局部变量。

3.4 从执行效率看全局变量与局部变量

  • 全局变量在任何一个地方都可以使用,只有浏览器关闭的时候才会销毁,比较占内存资源。
  • 局部变量只在函数内部使用,当其所在的代码块被执行时,会被初始化,当代码块执行完毕就会销毁,比较节约内存资源。

3.5 JS没有块级作用域

  • JS是在es6新增的块级作用域。
  • 块级作用域就是用花括号{ }包含的。
  • 也就是说,在花括号内定义的变量,在花括号外也可以使用。

4 作用域链

  • 只要是代码,就至少有一个作用域。
  • 写在函数内部的局部作用域。
  • 如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域。
  • 根据在内部函数可以访问外部函数变量的这种机制,用链式查找决定哪些数据能被内部函数访问,就称作作用域链。(就近原则)
  • 案例一:
    在这里插入图片描述
    在这里插入图片描述
  • 案例二:
    在这里插入图片描述
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小王小王几点了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值