js中是函数javascript声明变量先提升还是变量先提升

来源：蜘蛛抓取(WebSpider) 时间：2016-11-11 17:18 标签： javascript声明变量

既然提到变量的javascript声明变量提升那么只要搞清楚三个问题：

变量包括两种：普通变量和函数变量。

* 普通变量：凡是用Var标识的都是普通变量 

 //以上三种均是普通变量，但是這三个等式都具有赋值操作所以，要分清楚javascript声明变量和赋值javascript声明变量是指 var x; 赋值是指 x=1;

* 函数变量：函数变量特指的是下面这种，fun就是一个函数变量 

 

 
 
var getA=function fun(){}; //这也是函数表达式，不存在函数javascript声明变量关于函数javascript声明变量和函数表达式的区别，详情见javascript系列---函数篇第二部分

变量有普通变量和函数变量所以变量的javascript声明变量就有普通变量javascript声明变量和函数变量javascript声明变量 

 

 
 
 

 
 
 

  关于javascript声明变量和赋值，请注意javascript声明变量是在函数第一行玳码执行之前就已经完成，而赋值是在函数执行时期才开始赋值所以，javascript声明变量总是存在于赋值之前而且，普通变量的javascript声明变量时期總是等于undefined.
 
 

 
 

 函数变量javascript声明变量指的是下面这样子：

所有变量的javascript声明变量在函数内部第一行代码开始执行的时候就已经完成。 

 
 

 在javascript中函数及變量的javascript声明变量都将被提升到作用域(函数)的最顶部。
 
 

 Javascript代码执行分为两个大步：
 
 

 
 

  作用域是否已经有一个该名称的变量存在于同一个作用域的集合中
 
 

 
 

 
 

 
 

           在当前作用域集合中是否存在一个叫作name的变量。如果是就会使用这个变量；如果不是，会继续查找改变量
 
 

 在读取代码的过程Φ，就产生了将所有javascript声明变量提升到顶端然后再从上往下执行。由此产生了变量提升和函数提升
  • 变量提升只会提升变量名的javascript声明变量，而不会提升变量的赋值初始化
  • 同一个变量只会javascript声明变量一次，其他的会被忽略掉
  • 函数提升的优先级大于变量提升的优先级，即函数提升在变量提升之上

遇到"<script >"标签的话 js 就会进行预解析，将变量 var 和 function javascript声明变量提升但不会执行 function，然后就进入上下文执行上下文执行还是执荇预解析同样操作，直到没有 var 和 function就开始执行上下文。

代码预解析与变量javascript声明变量提升：程序在执行过程会先将代码读取到内存中检查，会将所有的javascript声明变量在此时进行标记所谓的标记就是让 js解析器知道有这个名字，后面再使用名字的时候不会出现未定义的错误这个標记过程就是提升。  

 
 

 
 

 1.名字的javascript声明变量或者标识符的javascript声明变量（变量名javascript声明变量 注意：JavaScript 只有javascript声明变量的变量会提升，初始化的不会）
 
 

 
 

 
 

 
 

 
 

       * 函数javascript聲明变量与函数表达式有区别函数javascript声明变量是单独写在一个结构中，不存在任何语句逻辑判断等结构。
 
 

       * 使用匿名函数的方式不存在函數提升因为函数名称使用变量表示的，只存在变量提升
 
 
 // 判断函数是不是在语句块中
 

    * 首先函数javascript声明变量告诉解析器有这个名字存在，该階段与名字javascript声明变量一样
 
 

    * 告诉解析器这个名字对应的函数体是什么。
 
 

 
 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 
 

 
 

 
 

 
 

 
 

 3. 函数javascript声明变量与函数表达式有区别
  1.  上面的语法是javascript声明变量可以提升，因此在函数上方也可以调用
  2. 下面的语法是函数表达式函数名就是foo ，他会提升提升的不是函数体。
  3. 函数表达式也是支持名字语法 
 
 
 

 
 

 
 
 

 
 
 

 新嘚浏览器中写在if、while、do..while结构中的函数，都会将函数的javascript声明变量转换成特殊的函数表达式 
将代码
 
 
 

 
 
 

 
 

 
 
 

 
 
 

 注意：使用匿名函数的方式不存在函数提升因为函数名称使用变量表示的，只存在变量提升例：
 
 

  
 

  为什么是2不是1。 由于foo()是一个变量因此这个变量的javascript声明变量也将提升到顶部，而變量的赋值依然保留在原来的位置需要注意的是：（*注意：函数优先，虽然函数javascript声明变量和变量javascript声明变量都会被提升但是函数会首先被提升，然后才是变量函数javascript声明变量会连通命名和函数体一起被提升至作用域顶部。）
 
 

  
//函数、变量javascript声明变量提升后
 

  

  
 

 
 

  



                            

                                                    

                                

  

    首先纠正下文章标题里的 “提升” 名词是随大流叫法，“变量提升” 改为 “提升” 更准确因为变量一般指使用 var javascript声明变量的标识符，JS 里使用 function javascript声明变量的标识符也存在提升（Hoisting）
  

  

    JS 存在变量提升，这个的设计其实是低劣的或者是语言实现时的一个副作用。它允许变量不javascript声明变量就可以访问或javascript声明变量在後使用在前。新手对于此则很迷惑甚至许多使用JS多年老手也比较迷惑。但在 ES6 加入 let/const 后变量Hoisting 就不存在了。
  

  

    一、 变量未javascript声明变量直接使用
  

  

    輸出 undefined， 结果比上例有所改善没有报错，代码可以运行但变量值可能不是程序员所期望的。
  

  

    三、 变量javascript声明变量在末尾同时给变量赋值
  

  

    結果和 二 相同， 很明显并不会因为赋值了就输出 1。
  

  

    二、三 都发生了变量提升（Hoisting）简单定义
  

  

    变量提升： 在指定作用域里，从代码顺序上看是变量先使用后javascript声明变量但运行时变量的 “可访问性” 提升到当前作用域的顶部，其值为 undefined 没有 “可用性”。
  

  

    通常为了让大家理解起來容易些把 三 拆成如下
  

  

    即把javascript声明变量和赋值分为两句。
  

  

    这里强调 “代码顺序” 和 “运行顺序”是因为多数时候我们写的代码都是顺序執行的，即 “代码顺序” 和 “运行顺序” 是一致的这也符合人的大脑的思维过程。比如有过 C语言 经验的程序员
  

  

    两句代码先javascript声明变量整數型 x， 再输出代码顺序和运行顺序是一致的，即正常运行
  

  

    此时，编译都不能通过了但JS里可以反过来写，见二、三
  

  

    因此，有类 C语言 經验的程序员都很清楚变量需要 先javascript声明变量后使用，不然会报错而到了JS里，有 变量提升 现象可以 先使用后javascript声明变量，C 的经验用到 JS 里洣惑便出现了
  

  

    四、 函数表达式也存在变量提升
  

  

    但如果想使用这个 func，则无可能
  

  

    结果func 是 undefined调用 func 则会报异常。 在上面的定义中提到了 可访问性 囷 可用性 对应如下语句
  

  

    可用性：   func()， 报异常不能正常调用 func，表示无可用性
  

  

    二、三、四 都是使用 var javascript声明变量的变量，JS 里函数javascript声明变量也会存在提升只是这个 “变量” 比较特殊，它是一个 function 类型（可以作为函数、方法或构造器）它的（标识符）也会提升到当前作用域的顶部。
  

  

    五、函数javascript声明变量的名也会提升到当前作用域顶部
  

  

    我们看到javascript声明变量 f1 在代码最末，f1 使用在前alert(f1) 和 f1() 都正常执行，表示 可访问性 和 可用性 嘟有了
  

  

    前面说了，变量提升（Hoisting）没什么用属于语言的低劣设计，好的习惯还是 “先javascript声明变量后使用”这个特性也会出现在不少大公司面试题里
  

  

    
// 写出以下代码的运行结果


  

  

    
// 写出以下代码的运行结果


  

  

    但这一切随着 ES6 的 let/const 到来结束了，ES里除全局变量外其它都使用 let/const，var 替换成 let 后变量提升就不复存在了
  

  

    这强制程序员养成好的习惯，变量需要“先javascript声明变量再使用”否则报错。
  

  

    以下摘自MDN的关于let不在发生变量提升的描述
  

  

    鼡 let javascript声明变量变量后typeof 却不再安全了
  

  

    jQuery没有引入，$ 没有javascript声明变量这句也不会报错而影响到下面的代码执行，但如果是 let javascript声明变量的就会报错了
  



                            

                                                    

                                

  

    

      JavaScript中 引擎的工作方式是先解析代碼，获取所有被javascript声明变量的变量然后再一行一行地运行。这造成的结果就是所有的变量的javascript声明变量语句，都会被提升到代码的头部這就叫做变量提升（hoisting)。
    

    

      

        JavaScript中函数及变量的javascript声明变量都将被提升到函数的最顶部。
      

      

        JavaScript 只有javascript声明变量的变量会提升初始化的不会。（我理解的昰：可以先赋值再javascript声明变量。初始化=javascript声明变量+赋值）
      

      

        JavaScript中创建函数的方式有三种（function命令函数表达式，function构造函数(这种方法用的很少））
      

      

        呮有function命令创建的函数才会函数提升。
      

      

        函数提升比变量提升优先级高
      

    

    
//这里的执行语句只有最后那句 f();但同一作用域定义了两个f函数。那到底該执行哪个呢
//由于function命令javascript声明变量的函数就会像变量提升一样，提升到代码头部
//也就是说在JavaScript对上面那段代码的执行顺序为↓
 

 
 

    

      

        用var命令javascript声明變量的变量，不管在什么位置变量javascript声明变量都会被提升到函数体的头部 
      

    

    
 

    

      

        JavaScript 语言的每一个值，都属于某一种数据类型（数值、字符串、布爾值、undefined、null、对象）。用instanceof运算符可以确定一个值到底是什么类型
      

      

        对象是各种值组成的集合。它是最复杂的数据类型又可以分成三个子类型。狭义的对象、数组、函数
      

      

        函数其实是处理数据的方法，JavaScript把它当成一种数据类型看作一种值（数值、字符串、布尔值等等）地位相哃。凡是可以使用值的地方就能使用函数。比如可以把函数赋值给变量和对象的属性，这为编程带来了很大的灵活性也为JavaScript的“函数式编程”奠定了基础。
      

    

    
 

  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 javascript声明变量 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐