资讯专栏INFORMATION COLUMN

从两段简单的程序说开去

young.li / 827人阅读

摘要:有这么两段小程序。毫无疑问,把这两段小程序贴到浏览器里跑一下,能很快地得到答案。而在第二段小程序中,由于在中,表达式的值在运行之前将会被转化,将会把表达式和声明提升到当前作用域的顶部。两段小程序,考考作用域和变量声明提升,怎么样,答对了么

有这么两段小程序。

var goo = "hello";
function foo(){
  if(true){
    goo = "world";
  }else {
    goo = "world";
  }
}
foo();
console.log(goo);
var goo = "hello";
function foo(){
  if(true){
    goo = "world";
  }else {
    var goo = "world";
  }
}
foo();
console.log(goo);

毫无疑问,把这两段小程序贴到浏览器里跑一下,能很快地得到答案。
所以关上浏览器,你觉得他们的答案分别是什么,为什么?

答案

在第一段小程序中,没有用var去声明变量goo,这在javascript中叫隐式声明,隐式声明是会声明一个全局变量的,所以 goo = "world"; 将会覆盖之前声明的全局变量的值。
所以第一题的答案是world。

而在第二段小程序中,由于在javascript中,var 表达式的值在运行之前将会被转化,JavaScript将会把 var 表达式和 function 声明提升到当前作用域的顶部。也就是说,第二段小程序其实等同于:

var goo = "hello";
function foo(){
  var goo;//var表达式提升到当前作用域的顶部
  if(true){
    goo = "world";
  }else {
    goo = "world";
  }
}
foo();
console.log(goo);

在第二段小程序中,由于条件语句的控制,也许程序永远不会执行到 var goo = "world" 这一句,但是由于使用了var表达式,就会导致goo变量提升到当前作用域的顶部,进而使goo声明为一个局部变量,这样一来,局部变量赋值并不会影响全局变量,所以第二段程序显示“hello”。

两段小程序,考考作用域和变量声明提升(Hoisting),怎么样,答对了么?

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85750.html

相关文章

  • 从Thread.join开去

    摘要:在进入状态前,线程会将持有的锁先释放掉。被唤醒后的线程,拿不到锁的线程将进入状态,直到它们拿到锁为止。在等待之后测试条件,如果条件不成立的话继续等待,这对于确保安全性是必要的。 WAITING(TIMED_WAITING) 与 BLOCKED 看《Java特种兵》的时候发现,Thread.join可以使线程进入WAITING状态,再结合姊妹篇线程的状态我们可以了解到,有两个类状态非常接...

    incredible 评论0 收藏0
  • NIO网络相关基础知识

    摘要:操作系统是能够获取到事件操作完成的事件,基于回调函数机制和操作系统的操作控制实现事件检测机制。 前面的文章NIO基础知识介绍了Java NIO的一些基本的类及功能说明,Java NIO是用来替换java 传统IO的,NIO的一些新的特性在网络交互方面会更加的明显。 Java 传统IO的弊端     基于JVM来实现每个通道的轮询检查通道状态的方法是可行的,但仍然是有问题的,检查每个通道...

    1fe1se 评论0 收藏0
  • JavaScript深入之词法作用域和动态作用域

    摘要:作用域作用域是指程序源代码中定义变量的区域。采用词法作用域,也就是静态作用域。而与词法作用域相对的是动态作用域,函数的作用域是在函数调用的时候才决定的。前面我们已经说了,采用的是静态作用域,所以这个例子的结果是。 JavaScript深入系列的第二篇,JavaScript采用词法作用域,什么语言采用了动态作用域?两者的区别又是什么?还有一个略难的思考题,快来看看吧。 作用域 作用域是指...

    gclove 评论0 收藏0

发表评论

0条评论

young.li

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<