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

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

    对比上下这两个:

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

    上一篇返回首页 下一篇

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

    别人在看

    Edge浏览器百度被劫持/篡改怎么办,地址后边跟着尾巴#tn=68018901_7_oem_dg

    Google Chrome 在 iPhone 上新增了 Safari 数据导入选项

    Windows 11专业版 KMS工具激活产品密钥的方法

    DEDECMS安全策略官方出品

    Microsoft Text Input Application 可以关闭吗?

    新版本QQ如何关闭自带的浏览器?

    C++编程语言中continue的用法和功能,附举例示范代码

    c++ map 的数据结构、基本操作以及其在实际应用中的使用。

    C语言如何避免内存泄漏、缓冲区溢出、空指针解引用等常见的安全问题

    C语言中的break语句详解

    IT头条

    马斯克2026最新采访总结:2040年,全球机器人数量将突破100亿台

    23:52

    专家解读|规范人工智能前沿业态健康发展的新探索:解读《人工智能拟人化互动服务管理暂行办法》

    00:54

    用至强 6高存力搞定MoE卸载!

    17:53

    美国将允许英伟达向中国“经批准的客户”出售H200 GPU

    02:08

    苹果与微信就15%手续费达成一致?腾讯未置可否

    22:00

    技术热点

    PHP 和 Node.js 的10项对比挑战

    Javascript闭包深入解析及实现方法

    windows 7、windows 8.1手动增加右键菜单功能技巧

    MYSQL出错代码大汇总

    windows 7假死机怎么办 windows 7系统假死机的原因以及解决方法

    Ubuntu(Linux)下配置IP地址的方法

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

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