关闭 x
IT技术网
    技 采 号
    ITJS.cn - 技术改变世界
    • 实用工具
    • 菜鸟教程
    IT采购网 中国存储网 科技号 CIO智库

    IT技术网

    IT采购网
    • 首页
    • 行业资讯
    • 系统运维
      • 操作系统
        • Windows
        • Linux
        • Mac OS
      • 数据库
        • MySQL
        • Oracle
        • SQL Server
      • 网站建设
    • 人工智能
    • 半导体芯片
    • 笔记本电脑
    • 智能手机
    • 智能汽车
    • 编程语言
    IT技术网 - ITJS.CN
    首页 » JavaScript »JavaScript作用域详解

    JavaScript作用域详解

    2014-09-23 00:00:00 出处:阮一峰的网络日志
    分享

    黄金守则第一条:

    js没有块级作用域(你可以自己闭包或其他方法实现),只有函数级作用域,函数外面的变量函数里面可以找到,函数里面的变量外面找不到。

    first try:

    这是为什么呢??

     1 var a = 10;
     2         function aaa(){//step-4
     3             alert(a);//step-5->执行alert,此时只能找到外面的a=10故弹框10
     4         }
     5         function bbb(){//step-2
     6             var a = 20;
     7             aaa();//step-3
     8         }
     9         //定义了函数没啥用,调用才是真格的所以这里是step-1
    10         bbb();//step-1

    其实原理大家都懂,应该就是易错而已,万变不离其综。

    second try:

    这是为什么呢? 因为给a赋值b的时候,b还没有定义,所以a是undefined,b是10.

    黄金守则第二条:

    变量的查找是就近原则,去寻找var定义的变量,当就近没有找到的时候就去查找外层。

    look:

    这是为什么呢、? 这里面有两个原因,一是预解析,二是就近查找。

     1         var a=10;
     2         function aaa(){
     3             alert(a);//undefined,查找a的时候会现在函数内查找,由于预解析的作用,此时的a是undefined,因此永远不会去查找外面的10了
     4             var a = 20;
     5 
     6             /*预解析
     7             var a
     8             alert(a);
     9             var a = 20;*/
    10 
    11         }
    12         aaa();

    attention:

    这个吧,就验证了第二条,虽然是就近原则,但是是就近找var声明的变量,这个是因为没有var声明的变量是全局的,这里只是修改了a的值。所以上面就是因为在函数内没找到var的a,于是到外面去找了,一找就找到了,于是a就alert出10了;不过没错的是a=20后,a确实为20了,只不过alert的时候还没有执行到那~~

    看吧~

    下面这个例子,更加验证了js的函数作用域 而已:

    这是因为在alert(a)的时候,bbb函数中的a确实为20 ,可是它对于这时的alert(a)这句话来说是局部的,alert(a)根本找不到bbb函数中的a,所以在aaa函数中它找不到a,于是乎去外面找,一找,就找到了10。

    黄金守则第三条:

    当参数跟局部变量重名时,优先级是等同的。

    例:

    还有:传参时,基本类型传值,引用类型传引用。(但是重新赋值之后就不是这样了喔)

    1         var a = 5;
    2         var b = a;
    3         b +=3;
    4         alert(a);//5
    5 
    6         var a = [1,2,3];
    7         var b=a;
    8         b.push(4);
    9         alert(a);//[1,2,3,4];

    上面代码没有问题,但是下面就不一样啦。

    因为b被重新赋值了,不指向a了。

    此外,参数与变量的作用域是相似的:

    对比上下这两个:

    上面是参数是基本类型,只传了值进去,下面的传个引用类型:(同样也包含重新赋值的情况)

    上一篇返回首页 下一篇

    声明: 此文观点不代表本站立场;转载务必保留本文链接;版权疑问请联系我们。

    别人在看

    电脑屏幕不小心竖起来了?别慌,快捷键搞定

    Destoon 模板存放规则及语法参考

    Destoon系统常量与变量

    Destoon系统目录文件结构说明

    Destoon 系统安装指南

    Destoon会员公司主页模板风格添加方法

    Destoon 二次开发入门

    Microsoft 将于 2026 年 10 月终止对 Windows 11 SE 的支持

    Windows 11 存储感知如何设置?了解Windows 11 存储感知开启的好处

    Windows 11 24H2 更新灾难:系统升级了,SSD固态盘不见了...

    IT头条

    Synology 更新 ActiveProtect Manager 1.1 以增强企业网络弹性和合规性

    00:43

    新的 Rubrik Agent Cloud 加速了可信的企业 AI 代理部署

    00:34

    宇树科技 G1人形机器人,拉动一辆重达1.4吨的汽车

    00:21

    Cloudera 调查发现,96% 的企业已将 AI 集成到核心业务流程中,这表明 AI 已从竞争优势转变为强制性实践

    02:05

    投资者反对马斯克 1 万亿美元薪酬方案,要求重组特斯拉董事会

    01:18

    技术热点

    大型网站的 HTTPS 实践(三):基于协议和配置的优化

    ubuntu下右键菜单添加新建word、excel文档等快捷方式

    Sublime Text 简明教程

    用户定义SQL Server函数的描述

    怎么在windows 7开始菜单中添加下载选项?

    SQL Server 2016将有哪些功能改进?

      友情链接:
    • IT采购网
    • 科技号
    • 中国存储网
    • 存储网
    • 半导体联盟
    • 医疗软件网
    • 软件中国
    • ITbrand
    • 采购中国
    • CIO智库
    • 考研题库
    • 法务网
    • AI工具网
    • 电子芯片网
    • 安全库
    • 隐私保护
    • 版权申明
    • 联系我们
    IT技术网 版权所有 © 2020-2025,京ICP备14047533号-20,Power by OK设计网

    在上方输入关键词后,回车键 开始搜索。Esc键 取消该搜索窗口。