关闭 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了。

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

    对比上下这两个:

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

    上一篇返回首页 下一篇

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

    别人在看

    hiberfil.sys文件可以删除吗?了解该文件并手把手教你删除C盘的hiberfil.sys文件

    Window 10和 Windows 11哪个好?答案是:看你自己的需求

    盗版软件成公司里的“隐形炸弹”?老板们的“法务噩梦” 有救了!

    帝国CMS7.5编辑器上传图片取消宽高的三种方法

    帝国cms如何自动生成缩略图的实现方法

    Windows 12即将到来,将彻底改变人机交互

    帝国CMS 7.5忘记登陆账号密码怎么办?可以phpmyadmin中重置管理员密码

    帝国CMS 7.5 后台编辑器换行,修改回车键br换行为p标签

    Windows 11 版本与 Windows 10比较,新功能一览

    Windows 11激活产品密钥收集及专业版激活方法

    IT头条

    智能手机市场风云:iPhone领跑销量榜,华为缺席引争议

    15:43

    大数据算法和“老师傅”经验叠加 智慧化收储粮食尽显“科技范”

    15:17

    严重缩水!NVIDIA将推中国特供RTX 5090 DD:只剩24GB显存

    00:17

    无线路由大厂 TP-Link突然大裁员:补偿N+3

    02:39

    Meta 千万美金招募AI高级人才

    00:22

    技术热点

    微软已修复windows 7/windows 8.1媒体中心严重漏洞 用户可下载安

    卸载MySQL数据库,用rpm如何实现

    windows 7中使用网上银行或支付宝支付时总是打不开支付页面

    一致性哈希算法原理设计

    MySQL数字类型中的三种常用种类

    如何解决SQL Server中传入select语句in范围参数

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

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