博客
关于我
变量的声明提前和函数的声明提前 全局作用域和函数作用域的定义和释义
阅读量: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/

    你可能感兴趣的文章
    npm入门,这篇就够了
    查看>>
    npm切换到淘宝源
    查看>>
    npm切换源淘宝源的两种方法
    查看>>
    npm前端包管理工具简介---npm工作笔记001
    查看>>
    npm包管理深度探索:从基础到进阶全面教程!
    查看>>
    npm升级以及使用淘宝npm镜像
    查看>>
    npm发布包--所遇到的问题
    查看>>
    npm发布自己的组件UI包(详细步骤,图文并茂)
    查看>>
    npm和package.json那些不为常人所知的小秘密
    查看>>
    npm和yarn清理缓存命令
    查看>>
    npm和yarn的使用对比
    查看>>
    npm如何清空缓存并重新打包?
    查看>>
    npm学习(十一)之package-lock.json
    查看>>
    npm安装 出现 npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! 解决方法
    查看>>
    npm安装crypto-js 如何安装crypto-js, python爬虫安装加解密插件 找不到模块crypto-js python报错解决丢失crypto-js模块
    查看>>
    npm安装教程
    查看>>
    npm报错Cannot find module ‘webpack‘ Require stack
    查看>>
    npm报错Failed at the node-sass@4.14.1 postinstall script
    查看>>
    npm报错fatal: Could not read from remote repository
    查看>>
    npm报错File to import not found or unreadable: @/assets/styles/global.scss.
    查看>>