从两段简单的程序说开去

young.li 发布于2019-08-21 10:33 / 858人阅读

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

有这么两段小程序。

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），怎么样，答对了么？

云服务器 GPU云服务器简单的爬虫程序简单的小程序 html 的简单程序开发简单的小程序

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

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

从Thread.join说开去

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

incredible 2019-08-16 16:08 评论0 收藏0
NIO网络相关基础知识

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

1fe1se 2019-08-15 14:30 评论0 收藏0
JavaScript深入之词法作用域和动态作用域

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

gclove 2019-08-20 15:37 评论0 收藏0