js高级知识---作用域链

转载 2015年11月19日 16:43:58

一直有想法去写写js方面的东西,我个人是最喜欢js这门语言,喜欢的他的自由和强大,虽然作为脚本语言有很多限制的地方,但也不失为一个好的语言,尤其是在H5出现之后。下面开始说说js的方面的东西,由于自己的能力有现,有点地方说的不明白,还请高手指点。这个文章,如果有时间的话应该会写一个系列,包括js的高级方面的知识,最终希望能够说到js的引擎方面的东西。千里之行,始于足下,下面开始说说最简单的一个东西—js的作用域链,时常也比较容易弄错,也算是自己做一个纪录。

首先看一段代码:

复制代码
 function t(){
          var b=1;
          if(b===1){
              var name="test1";
          }else{
              var name="test2";
          }
          console.log(name);
      }
      t();
复制代码

这段代码,可能很多人认为输出的结果是undefine,但是输出的结果是:

可能有点想不明白,如果是在强类型里面这个肯定是要报错的,但是在js的词法分析和运行中确能运算出来结果,这个是原因是什么呢?原来是js中的作用域是和C++/C中的不一样,js中没有块级作用域,作用域只有函数,只要在一个函数里面,你定义的变量在函数的内部任何地方都可以访问到,包括嵌套的函数。用官方的话说是所谓的函数作用域。所以上面的结果就是一个有值的数据,而不是一个undefine.

再看代码修改:

复制代码
function t() {
    var sp = "test1";
    if (true) {
        var sp = "test2";
        console.log(sp);
    }
    console.log(sp);
}
t();
复制代码

这次输出的结果应该很简单了,只要是在函数内部的块级作用域有js里面都不起作用,所以代码可以拆解成:

 

复制代码
 function t() {
    var sp = "test1";
    // if (true) {
    var sp = "test2";
    console.log(sp);
    // }
    console.log(sp);
}
t();
复制代码

 

所以再次输出都是test2;

 

好了,现在应该是初步了解了js的函数作用域了,这个理解清楚了,作用域链自然也就不攻自破。下面看一个简单的代码:

复制代码
var _name = "windows";
function t() {
    var name = "test1";
    function t1() {
        console.log(_name);//1
        console.log(name);//2
    }
    t1();
    console.log(_name);//3
    console.log(name);//4
}
t();
复制代码

如果上面的问题都清楚的话,这个代码应该很简单,因为js是函数的作用域,所以在函数内数据都有能访问,执行顺序如下:

1、在1中,执行console.log(_name);这个_name在当前的函数内没有,到t函数中去寻找,t函数中也没有就会到windows里面去找,找到_name并输出windows,同理2步骤输出”test1”

234 步骤也是同样的道理,所以结果是

从上面的例子可以看出js作用域特点:1、没有块级的作用域,在一个函数的内部定义都有效 2、如果当前数据在当前的函数里面的没有话,会沿着层级向上找。 

t1->t->window,从而形成作用域链。

举报

相关文章推荐

js高级知识---作用域链

一直有想法去写写js方面的东西,我个人是最喜欢js这门语言,喜欢的他的自由和强大,虽然作为脚本语言有很多限制的地方,但也不失为一个好的语言,尤其是在H5出现之后。下面开始说说js的方面的东西,由于自己...

js作用域链

http://www.cnblogs.com/lhb25/archive/2011/09/06/javascript-scope-chain.html

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

JS作用域链

变量的作用域 变量的作用域其实很简单:在函数内定义的局部变量只在本函数内有效,在所有函数体外定义的变量在JS代码的全局有限,叫全局变量。有一个特殊情况,如果有全局变量和局部变量重名了,局部变量优先级...

js作用域链

1. 作用域 Javascript作用域问题简单的可以用一句话来概括:两种类型的作用域( global, function)、三条作用域链。 理解两种三条前需要明白两点: 1) JavaScript是...

JS作用域链

这几天看犀牛书的一点心得和总结,做个笔记吧,主要是概念层面的,JS高手大可忽略。 变量的作用域 变量的作用域其实很简单:在函数内定义的局部变量只在本函数内有效,在所有函数体外定义的变量在JS代码的...

Java 高级知识

Java 的一些高级知识你掌握了吗? 我最近在做一个网络通信的项目,本文中的提到的内容全都使用到了,主要有IO,类加载器,序列化,线程池 等等.这里做一下整理。   -------------...

js-作用域及作用域链

以下内容来自读网上博客的总结,当笔记使用,只记重点,同时非常感谢乐于分享的博主们,是你们让我站在了巨人的肩旁上! 1、 var temp = (function(){ var name ="...

JS高级程序设计第四章笔记作用域&作用域链

全局执行环境就是最外面的一个执行环境,即window对象; 执行环境(作用域):简单理解就是变量或者函数能够起作用的区域,出了这个区域就不能用,这个环境内代码执行完毕后,环境被销毁,内存被回收,其中...

JS作用域与作用域链

一:函数作用域

JS作用域与作用域链

JavaScript权威指南-函数作用域与作用域链
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)