资讯专栏INFORMATION COLUMN

javascript变量提升

wfc_666 / 1170人阅读

摘要:如果存在,即先声明变量首部,不存在则从父级再次寻找直到找到为止。二解决方案闭包可能和本文关系不大,主要是闭包构建新的函数域。

本篇分为三章节来讲,主要从下面几个点讲起

函数作用域

IIFE

块级作用域

一、函数级作用域

让我们先看一段代码

var a = true;

function hoisting(){
    if(!a){
        var a = 2;
    }
    console.log(a)
}

hoisting();
// 最终结果:2

这段代码的逻辑是

首先会寻找当前函数域中的变量。

如果存在,即先声明变量首部,不存在则从父级再次寻找

直到找到为止。

那么我们可以改写为

var a; // 变量声明 
a = true; // 变量定义

function hoisting(){
    var a; // 变量声明
    if(!a){
        a = 2; //变量定义
    }
    console.log(a) // 先从自身函数域开始查找,找不到再去父作用域
}

hoisting();

javascript的变量是以函数为作用域而存在的,当本地查找不到时会去父级查找。

二、解决方案:闭包IIFE

可能和本文关系不大~~,主要是闭包构建新的函数域。

立即执行函数表达式:Immediately Invoked Function Expression

他的作用就是在变量被调用之前就给变量赋值

var a = (function(){
    var a = 3
    return a
}())
三、解决方案:let,const

let与const主要作用是讲javascript原来的函数级作用域调整到块级作用域

let a = 2;

function block(){
    if(!a){
        let a =1
    }
    console.log(a)
}

block() // 2

这个时候,函数的作用域就被划分的更小了,以块级为单位。

我们可以将代码分成三个块

if块

block块

window块

好,现在我们改写一下函数会怎样呢

let a = 0;

function block(){
    if(!a){
        let a =1
    }
    console.log(a)
}

block() // 0

最终结果是0,当a在当前块block查找不到的时候会去父级块查找,最后为0

而if块内的变量只在块内有效

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

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

相关文章

  • Javascript中的变量提升、函数提升变量访问原则

    摘要:变量提升什么是变量提升在函数体内声明的变量,无论你是在函数的最底端还是中间声明的,那么都会把该变量的声明提升到函数的最顶端相当于第一行,但是只是提升变量的声明,不会赋值。 1、变量提升 什么是变量提升?在函数体内声明的变量,无论你是在函数的最底端还是中间声明的,那么都会把该变量的声明提升到函数的最顶端(相当于第一行),但是只是提升变量的声明,不会赋值。 var num = 10; fu...

    zhigoo 评论0 收藏0
  • JavaScript变量提升

    摘要:发布自的博客,欢迎大家转载,但是要注意注明出处。另外,该文章收纳在的个人的知识整理仓库,欢迎投稿介绍变量提升是人们对执行上下文工作方式的一种认识,并不是官方给出的改变从字面上理解,变量提升的意思是变量和函数的声明会在物理层移动到作用域的最前 发布自Kindem的博客,欢迎大家转载,但是要注意注明出处。另外,该文章收纳在Kindem的个人的 IT 知识整理仓库,欢迎 Star、Fork、...

    yzd 评论0 收藏0
  • ES6 变量作用域与提升变量的生命周期详解

    摘要:不同的是函数体并不会再被提升至函数作用域头部,而仅会被提升到块级作用域头部避免全局变量在计算机编程中,全局变量指的是在所有作用域中都能访问的变量。 ES6 变量作用域与提升:变量的生命周期详解从属于笔者的现代 JavaScript 开发:语法基础与实践技巧系列文章。本文详细讨论了 JavaScript 中作用域、执行上下文、不同作用域下变量提升与函数提升的表现、顶层对象以及如何避免创建...

    lmxdawn 评论0 收藏0
  • JavaScript 变量声明提升

    摘要:输出的结果为输出的结果为提升后输出的结果为重新定义了变量输出的结果为如果定义了相同的函数变量声明,后定义的声明会覆盖掉先前的声明,看如下代码输出练习的值是多少的值是多少第二题的解析请看这里参考资料文章文章中文版链接文章推荐文章变量提升 JavaScript 变量声明提升 原文链接 一个小例子 先来看个例子: console.log(a); // undefined var a =...

    fireflow 评论0 收藏0
  • JavaScript变量提升

    摘要:变量提升需要注意两点提升的部分只是变量声明,赋值语句和可执行的代码逻辑还保持在原地不动提升只是将变量声明提升到变量所在的变量范围的顶端,并不是提升到全局范围,说明如下会输出变量提升之后的效果函数声明会提升,但是函数表达式就不了。 问题 有些朋友可能会觉得javascript的代码是从上到下,一行一行的解释执行的。如果按照这样的思路,在有些情况下阅读代码会得到错误的结果,考虑以下代码: ...

    Zoom 评论0 收藏0
  • javascript声明提升

    摘要:但是碰到声明提升,这种想法就会被打破。声明一个函数进行相应的操作,会得到函数声明提升的结果。由此可以发现变量和函数的声明都会被提升在其他代码的前面执行。一个普通块内部的函数声明通常会被提升到所在的作用域的顶部。的创建初始化和赋值均会被提升。 Javascript声明提升 在分析声明提升之前,我认为有必要知道的两点: 一、引擎查询变量的两种方式 引擎查询变量的方式可以分为LHS和RHS两...

    evin2016 评论0 收藏0

发表评论

0条评论

wfc_666

|高级讲师

TA的文章

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