前端基础的讲解-JS(9)

简介: JS详解

JavaScript 作用域

JavaScript 作用域的概念
作用域 一段程序代码中所用到的名字(例如变量名)并不总是有效的,而限定这个名字的可用性代码范围就是这个名字的作用域。

作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。

ES6 之前作用域有两种 全局作用域 和 局部作用域 (函数作用域)

  • 全局作用域,作用于所有代码执行的环境(整个 script 标签的内部)或者一个独立的 js 文件中
  • 局部作用域 (函数作用域),作用于函数内部的代码环境,就是局部作用域。因为跟函数有关系,所以也被称为函数作用域。
  • 块级作用域(ES6新增),块级作用域由 {} 包括,ES6 之前 JS 是没有块级作用域这一概念的,在 if 语句中,使用 var 声明的变量在外部依旧可以使用,注:在函数内使用var即为函数作用域,在外则为全部作用域

    变量的作用域

  • 全局变量
    全局作用域下声明的变量(var 在函数外部定义的变量)。

全局变量作用于整个文档,自页面打开到页面关闭,在代码的任何位置都可以使用。 在全局作用域下 var 和 let 声明的变量是全局变量。

注:特殊情况下,在代码块内不使用声明方式创建的变量也是全局变量(不建议使用)。

  • 局部变量
    在局部作用域下声明的变量(var 在函数内部或 let 在 {} 中定义的变量) 局部变量只作用于当前代码块内,自本代码块调用起到本代码块执行完毕。

在函数内部使用 var 声明的变量,或使用 let 在代码块内声明的变量是局部变量。函数的形参实际上就是局部变量,for 循环初始值如果使用 let 声明也是局部变量。
生命周期:全局变量:在任何一个地方都可以使用,只有在浏览器关闭时才会销毁,因此比较占内存

局部变量:旨在代码块内部使用,当其所在的代码块被执行时,才会被初始化;当代码块运 行结束后,就会被销毁,因此更节省内存空间

相关文章
|
1月前
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
74 8
|
1月前
|
JavaScript 前端开发 容器
|
1月前
|
JavaScript 前端开发
|
1月前
|
存储 JavaScript 前端开发
|
1月前
|
移动开发 JavaScript 前端开发
|
1月前
|
存储 JavaScript 前端开发
|
1月前
|
JavaScript 前端开发
|
1月前
|
存储 JavaScript 前端开发
|
1月前
|
JavaScript 前端开发
|
1月前
|
JavaScript 前端开发 开发者