JavaScript预解释是什么？JavaScript预解释的解析（附代码）

//=>变量提升：var a;var b;var c;test=AAAFFF111；
var a=10,b=11,c=12;
function test(a){
//=>私有作用域：a=10 var b；
a=1；//=>私有变量a=1
var b=2；//=>私有变量b=2
c=3；//=>全局变量c=3
}
test(10);
console.log(a);//10
console.log(b);//11
console.log(c);//3

var total=0；
function fn(num1,num2){
console.log(total);//->undefined 外面修改不了私有的
var total=num1 +num2；
console.log(total);//->300
}
fn(100,200);
console.log(total);//->0 私有的也修改不了外面的

3.JS中内存的分类

栈内存：用来提供一个供JS代码执行的环境，即作用域（全局作用域/私有的作用域）
堆内存：用来存储引用数据类型的值。对象存储的是属性名和属性值，函数存储的是代码字符串。

三、全局作用域下带var和不带var的区别

我们先来看以下两个例子：

//例题1
console.log(num);//->undefined
var num=12;
//例题2
console.log(num2);//->Uncaught ReferenceError:num2 is not defined 
num2=12;//不能预解释
当你看到var num=12时，可能会认为只是个声明。但JavaScript实际上会将其看成两条声明语句：var num;和 num=12;第一个定义声明是在预解释阶段进行的。第二个赋值声明会被留在原地等待执行阶段。num2=12 相当于给window增加了一个叫做num2的属性名，属性值是12；而var num=12 首先它相当于给全局作用域增加了一个全局变量num，它也相当于给window增加了一个属性名num2，属性值是12。两者最大区别：带var的可以进行预解释，所以在赋值的前面执行不会报错；不带var的是不能进行预解释的，在前面执行会报错；
接下来我们举例说明：
//例题1
var total=0;
function fn(){
console.log(total);//undefined
var total=100;
}
fn();
console.log(total);//0
//例题2
var total=0;
function fn(){
console.log(total);//0
total=100;
}
fn();
console.log(total);//100
例题1中带var变量在私有作用域中可以预解释，所以第一个console打出来的值为undefined。私有作用域中出现的一个变量不是私有的，则往上级作用域进行查找，上级没有则继续向上查找，一直找到window为止，例题2中不带var变量不是私有的，所以往上级找
四、预解释五大毫无节操的表现
1.预解释的时候不管你的条件是否成立，都要把带var的进行提前的声明。
请看下面这道例题：
if（!("num" in  window)){
var num=12；//这句话会被提到大括号之外的全局作用域：var num;->window.num； 
}
console.log(num);//undefined
2.预解释的时候只预解释”=”左边的，右边的值，不参与预解释
请看下面这道例题：
fn()；//报错
var fn=function (){  //window下的预解释：var fn;
console.log("ok");
}；
3.自执行函数：定义和执行一起完成了。
自执行函数定义的那个function在全局作用域下不进行预解释，当代码执行到这个位置的时候定义和执行一起完成了。常见有以下几种形式：
(function(num){})(10);
~function(num){}(10);
+function(num){}(10);
-function(num){}(10);
！function(num){}(10);
4.函数体中return下面的代码虽然不再执行了，但是需要进行预解释；return后面跟着的都是我们返回的值，所以不进行预解释；
function fn(){
//预解释：var num;
console.log(num);//->undefined
return function(){};
var num=100;
}
5.函数声明和变量声明都会被提升。但是一个值得注意的细节（这个细节可以出现在有多个“重复”声明的代码中）是函数会首先被提升，然后才是变量。在预解释的时候，如果名字已经声明过了，不需要从新的声明，但是需要重新的赋值；
我们先来看下两个简单的例子：
//例题1
 function a() {}
  var a
  console.log(typeof a)//'function'
//例题2
  var c = 1
  function c(c) {
    console.log(c)
    var c = 3
  }
  c(2)//Uncaught TypeError: c is not a function
当遇到存在函数声明和变量声明都会被提升的情况，函数声明优先级比较高，最后变量声明会被函数声明所覆盖，但是可以重新赋值,所以上个例子可以等价为
 function c(c) {
  console.log(c)
    var c = 3
  }
 c = 1
 c(2)
接下来我们看下两道比较复杂的题目:
//例题3
fn();
function fn(){console.log(1);};
fn();
var fn=10;
fn();
function fn(){console.log(2);};
fn();
1.一开始预解释，函数声明和赋值一起来，fn 就是function fn(){console.log(1);}；遇到var fn=10;不会重新再声明，但是遇到function fn(){console.log(2);}就会从重新赋值，所以一开始fn()的值就是2
2.再执行fn();值不变还是2
3.fn重新赋值为10，所以运行fn()时报错，接下去的语句就没再执行。
//例题4
alert(a);
a();
var a=3;
function a(){
alert(10)
}
alert(a);
a=6;
a()
1.函数声明优先于变量声明，预解释时候，函数声明和赋值一起来，a就是function a(){alert(10)} ，后面遇到var a=3，也无需再重复声明，所以先弹出function a(){alert(10)}
2.a()，执行函数，然后弹出10
3.接着执行了var a=3; 所以alert(a)就是显示3
4.由于a不是一个函数了，所以往下在执行到a()的时候， 报错。
以上就是JavaScript预解释是什么？JavaScript预解释的解析（附代码）的详细内容，更多请关注php中文网其它相关文章！
				
				

					
微信
					
分享
				

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。



      
……
标签:JavaScript预解释是啥？JavaScript预解释的解析（附代码）
 
相关阅读
Vue进度条组件的完成图文详细教程（代
JavaScript预解释是什么？Ja
react函数this相关问题的区分（
vue无痕刷新的完成方法介绍
ES6中解构赋值的解析（代码示例）
如何使用原生的JavaScript来完
Vue项目数据动态过滤的完成方法
vue.js响应式原理的详细说明（附代
React中分类检查的介绍