博客
关于我
变量的声明提前和函数的声明提前 全局作用域和函数作用域的定义和释义
阅读量:651 次
发布时间:2019-03-15

本文共 759 字,大约阅读时间需要 2 分钟。

window全局对象

全局作用域

全局作用域是直接编写在<script>标签中的JavaScript代码的运行环境。全局作用域中的变量都是全局变量,可以在页面的任意部分访问。页面启动时,全局作用域创建,页面关闭时,全局作用域销毁。

window对象

window是全局作用域中的一个对象,代表浏览器窗口,是浏览器创建的。我们可以直接使用window对象。全局作用域中创建的变量会成为window对象的属性。

变量的声明提前

变量的声明会提前,无论变量声明的位置在哪里,声明都会在所有代码执行前完成。

  • 例如var a = 123;无论a的声明位置在哪里,都会在所有代码执行前被声明。
  • 如果不使用var声明变量,如a = 123;,则变量会被声明,但不会提前声明。

函数的声明提前

函数有两种定义方式:

  • 函数表达式function hanshu1() {})会在所有代码执行前被定义,可以提前调用。
  • **当使用var定义函数(如var hanshu2 = function() {})时,函数不会提前声明。
  • 函数定义域

    每次调用函数时,函数作用域都会创建并销毁。在函数作用域中,变量的查找会依次从自身作用域向上查找,最终寻找到全局变量。

    注意

    • 函数可以嵌套,内部函数可以访问外部函数的变量。
    • 在函数作用域中未定义的变量会变成全局变量。

    实用小贴士

    • 使用window对象访问全局变量:window.a
    • 函数定义域中的变量查找遵循“ closure principle”(闭包原理),函数内的变量会在函数外保留,但不能直接修改外部变量,除非明确声明。
    • 使用evalnew Function时,要特别注意变量的声明和作用域。

    通过以上理解,可以更好地掌握JavaScript中变量和函数的作用域原理,避免变量污染问题。

    转载地址:http://fabmz.baihongyu.com/

    你可能感兴趣的文章
    OpenCV与AI深度学习 | OpenCV快速傅里叶变换(FFT)用于图像和视频流的模糊检测(建议收藏!)
    查看>>
    OpenCV与AI深度学习 | PaddleOCR 2.9 发布, 正式开源文本图像智能分析利器
    查看>>
    OpenCV与AI深度学习 | SAM2(Segment Anything Model 2)新一代分割一切大模型介绍与使用(步骤 + 代码)
    查看>>
    OpenCV与AI深度学习 | T-Rex Label !超震撼 AI 自动标注工具,开箱即用、检测一切
    查看>>
    OpenCV与AI深度学习 | YOLO11介绍及五大任务推理演示(目标检测,图像分割,图像分类,姿态检测,带方向目标检测)
    查看>>
    OpenCV与AI深度学习 | YOLOv10在PyTorch和OpenVINO中推理对比
    查看>>
    OpenCV与AI深度学习 | YOLOv11来了:将重新定义AI的可能性
    查看>>
    OpenCV与AI深度学习 | YOLOv8自定义数据集训练实现火焰和烟雾检测(代码+数据集!)
    查看>>
    OpenCV与AI深度学习 | YOLOv8重磅升级,新增旋转目标检测,又该学习了!
    查看>>
    OpenCV与AI深度学习 | 一文带你读懂YOLOv1~YOLOv11(建议收藏!)
    查看>>
    OpenCV与AI深度学习 | 五分钟快速搭建一个实时人脸口罩检测系统(OpenCV+PaddleHub 含源码)
    查看>>
    OpenCV与AI深度学习 | 什么是 COCO 数据集?
    查看>>
    OpenCV与AI深度学习 | 低对比度缺陷检测应用实例--LCD屏幕脏污检测
    查看>>
    OpenCV与AI深度学习 | 使用 MoveNet Lightning 和 OpenCV 实现实时姿势检测
    查看>>
    OpenCV与AI深度学习 | 使用 OpenCV 创建自定义图像滤镜
    查看>>
    OpenCV与AI深度学习 | 使用 SAM 和 Grounding DINO 分割卫星图像
    查看>>
    OpenCV与AI深度学习 | 使用OpenCV图像修复技术去除眩光
    查看>>
    OpenCV与AI深度学习 | 使用OpenCV检测并计算直线角度
    查看>>
    OpenCV与AI深度学习 | 使用OpenCV轮廓检测提取图像前景
    查看>>
    OpenCV与AI深度学习 | 使用Python和OpenCV实现火焰检测(附源码)
    查看>>