关闭 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固态盘不见了...

    小米路由器买哪款?Miwifi热门路由器型号对比分析

    IT头条

    Synology 对 Office 套件进行重大 AI 更新,增强私有云的生产力和安全性

    01:43

    StorONE 的高效平台将 Storage Guardian 数据中心占用空间减少 80%

    11:03

    年赚千亿的印度能源巨头Nayara 云服务瘫痪,被微软卡了一下脖子

    12:54

    国产6nm GPU新突破!砺算科技官宣:自研TrueGPU架构7月26日发布

    01:57

    公安部:我国在售汽车搭载的“智驾”系统都不具备“自动驾驶”功能

    02:03

    技术热点

    如何删除自带的不常用应用为windows 7减负

    MySQL中多表删除方法

    改进的二值图像像素标记算法及程序实现

    windows 7 32位系统下手动修改磁盘属性例如M盘修改为F盘

    windows 7中怎么样在家庭组互传文件

    Linux应用集成MySQL数据库访问技巧

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

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