JavaScript(js)变量声明提前和JavaScript(js)函数声明提前

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript(js)变量声明提前和JavaScript(js)函数声明提前，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1561字，纯文字阅读大概需要3分钟。

内容图文

JavaScript(js)变量声明提前

当JS执行时遇到 var和 function函数时，将会出现变量声明提前到当前的作用域 ”的顶部集中创建,对于变量只“提前声明 ”,不涉及“赋值 ”,赋值仍保留在原位置,这个过程也被叫做 “ 预见解 ”或 “ 预编译 ”.

    var a;  // 声明但未初始化   undefined
    var b=10; // 声明+初始化   10
    //输出代码到控制台检测
    //    console.log(a);
    //    console.log(b);

var声明代码段1

   console.log(a);  //undefined
   var a=520;        
   console.log(a);  //520

由上往下进行执行时遇到var，执行顺序有所变化如下：

   var a;   //声明提前
   console.log(a); //undefined
   a=520;
   console.log(a)；//520

var声明代码块2

   var stu_1;
   console.log(stu_1);// undefined
   var stu_1='小明';
   console.log(stu_1);//小明*


   console.log(stu_1);//undefined
   var stu_1='小明';
   console.log(stu_1);// 小明
   var stu_1;
   console.log(stu_1);//小明

var声明代码段3

   //声明被提到作用域内部//
   function fun()
   {
      console.log(a);  //undefined
      var a=520;        
      console.log(a);  //520
   }
  

JavaScript(js)函数声明提前：

在执行正式程序之前，function声明，会将函数名称函数体都提前，而且先与声明变量再定义函数.

• 具名函数

    fn();
    function fn() {
        console.log("函数体提前");
    }
    //结果：函数体提前

只有具名函数具有函数声明提前

• 匿名函数

    fn();
    var fn=function(){
    console.log("函数体没有提前")
    }
    //结果：fn is not a function

变量声明提前与函数声明提前先后顺序

先是函数声明提前再是变量声明提前

声明代码段4

    console.log(a);
    var a="坚持学习"；
    function a(){
    console.log("学习成功")
}

执行后

   function a(){
   console.log("学习成功")；
   var a;   //上面函数已经声明a，相同的变量名声明直接忽略
   console.log(a)； //输出函数本体
   a="坚持学习"；
}

声明提前的坏处：破坏了程序的执行顺序，会降低代码的可读性，容易造成程序错误.

内容总结

以上是互联网集市为您收集整理的JavaScript(js)变量声明提前和JavaScript(js)函数声明提前全部内容，希望文章能够帮你解决JavaScript(js)变量声明提前和JavaScript(js)函数声明提前所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端