JS 变量声明之变量提升和函数提升

honhon 发布于2019-08-22 14:52 / 364人阅读

摘要：很多初学者弄不清变量提升和函数提升，整理写几个例子，分析一下，你很快搞明白怎么分析。精华放在最上面，两个最基本的原则函数声明优先先声明，后赋值，声明和赋值是分开的。

很多初学者弄不清变量提升和函数提升，整理写几个例子，分析一下，你很快搞明白怎么分析。
精华放在最上面，两个最基本的原则：

函数声明优先

先声明，后赋值，声明和赋值是分开的。

让我们看几个例子并解释下

先看这个例子：

var test=0
var test
function test(){
    console.log(1)
}
console.log(test)

结果输出 0
分析一下：显然程序中变量test有3次声明，谁先呢？记住一个原则，函数声明优先，所以优先的是 function test()，那么执行顺序按逻辑上可以换成

function test(){
    console.log(1)
}
var test=0
var test

然后程序中声明了又一次test ,但其实test已被声明过了，所以实际上第二句只是赋值，将0赋值给test。第三句不起效果，因为声明过了嘛，所以不是undefined。

再看个例子：

test = 1
function show(){
    console.log(test)
    var test
    var test = 0
    console.log(test)
}
console.log(test)
var test = 3
show()
console.log(test)

按第二原则，我们发现程序中有一句 var test= 3, 这个地方声明过test，我们整体下程序逻辑，变成

var test
test = 1
function show(){
    console.log(test)
    var test
    var test = 0
    console.log(test)
}
console.log(test)
test = 3
show()
console.log(test)

你可能会说搞不清show() 里发生了什么，解释一下，同样套那两条原则中的第二条，先声明，后赋值，show()整理为

function show(){
    var test
    console.log(test)
    test = 0
    console.log(test)
}

啊哈，so明显，show()中的第一次输出应该是undefined，第二次输出是0
我们把整个程序整理下：

var test
test = 1
function show(){
    var test
    console.log(test) //undefined
    test = 0
    console.log(test) //0
}
console.log(test) //1
test = 3
show()
console.log(test) //3

输出我已经注释上了，很容易，对吧？

服务器托管云服务器 js变量声明提升 js调用变量和函数声明变量 python变量声明

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

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

5分钟深入了解js变量提升

摘要：对于大多数开发者来说，变量提升可以说是一个非常常见的问题，但是可能很多人对其不是特别的了解。如果说拥有和一样的变量提升效果的话，那么应该是输出。而和它们的变量提升的效果是一样的，也都存在着临死性死区的概念。对于大多数js开发者来说，变量提升可以说是一个非常常见的问题，但是可能很多人对其不是特别的了解。所以在此，我想来讲一讲。先从一个简单的例子来入门： a = 2; var a; ...

tinysun1234 2019-08-23 12:41 评论0 收藏0
【译】理解JavaScript：作用域

摘要：作用域是代码的不同部分在运行期间的可见性。大多数开发者想当然地理解作用域，但毫无疑问，有它自己的说明。变量可能是全局作用域的，或者是方法作用域的。总而言之，不要重复声明变量，使用良好命名，尽力避免在声明前调用和执行任何东西。原文链接：https://hackernoon.com/unders... 什么是作用域？就像JavaScript中的其他东西一样，作用域并无特别之处。尽管大多...

betacat 2019-08-22 17:13 评论0 收藏0
进击JavaScript之（一）变量声明提升

摘要：如下代码输出的结果是代码执行分为两个大步预解析的过程代码的执行过程预解析与变量声明提升程序在执行过程中，会先将代码读取到内存中检查，会将所有的声明在此进行标记，所谓的标记就是让解析器知道有这个名字，后面在使用名字的时候不会出现未定义的错误。 showImg(https://segmentfault.com/img/remote/1460000012922850); 如下代码输出的结果是...

LeexMuller 2019-08-20 10:13 评论0 收藏0
js 变量提升和闭包理解

摘要：变量的作用域无非就是两种全局变量和局部变量。其中内部函数中可以访问外部函数的变量，是因为内部函数的作用域链中包含了外部函数的作用域也可以理解为内部函数的作用范围辐射到了外部函数的作用范围另一方面，在函数外部自然无法读取函数内的局部变量。以前学习的时候，了解过变量提升和闭包，但是没有深入了解，网上查了资料，这里记录下，只供参考。部分内容引用： https://www.cnblogs.c...

luoyibu 2019-08-22 15:16 评论0 收藏0
代码真的被提升了吗？

摘要：为啥因为变量提升，变量的声明被提升到当前作用域的顶部了。也就是可以想象成这样此外，还有函数提升，和变量提升类似和被提升了，所以不会报错。开始处理函数声明，再次提醒，函数表达式不会被处理。变量提升 & 函数提升 function f() { console.log(a); // ? var a = 1; } f(); 简单简单，打印结果是 undefined。为啥？因为...

weknow619 2019-08-23 17:50 评论0 收藏0