首页 > Web开发 > 详细

js预机制

时间:2020-02-20 19:28:57      阅读:47      评论:0      收藏:0      [点我收藏+]

js的解析机制:1) . js预解析  2)逐行解读代码

预解析

1)将以var声明的全局里面的变量和函数都拿出来,变量赋值给undefined,函数进行声明。

2)let声明的变量不进行预解析

3)预解析时,若出现相同的变量命名,也会保留,因为预解析时都是赋值给undefined

4)若变量和函数名冲突,保留函数

5)若函数和函数冲突,保留后面声明的

6)在if和for代码块里面定义函数时,是无法预解析的

7)函数表达式不进行预解析,因为函数表达式的变量名是用var声明的,会赋值给undefined

例1:
    var a=1;
    function fn(){
    console.log(a);//undefined
    var a=2;
    console.log(a);//2
  }
  fn();
    console.log(a);//1
例2:
var a=1;
function fn(){
    console.log(a);//1
    a=2;
}
fn();
console.log(a);//2
函数声明了,里面的变量a没有用var声明,是全局变量
例3:
var a=1;
function fn(a){  //参数a是局部变量,所以下面的a=2实际上是修改了局部变量a的值,跟全局没有关系了
    console.log(a);//undefined
    a=2;
}
fn(); //这里fn();没有传值,所以里面打出来是undefined
fn(1); //执行函数时向局部的a传值了
console.log(a); //1 ,因为作用域的问题,所以这里始终打印出来的数是1,里面的值改变了访问不到
例4:
var a=1;
function fn(a){ 
    console.log(a);//1
    a=2;
}
fn(a); //将全局变量a的值传给函数的形参a,所以打印1
console.log(a);//1
例5:
console.log(a); //function a(){ document.write(‘a2‘); },这里预解析出来是函数
var a=1;
function a(){
      console.log("a1");
}
function a(){
    console.log("a2"); 
}
console.log(a);//1
a(); //报错,a is not a function
//程序在运行前要对a进行解析,程序中有两个a方法,解析过后a是第二个a方法对象,所以第一个输出结果是function a(){ document.write(‘a2‘); };
第二个输出的就是全局的a,值为1。最后一个执行时会报错,因为之前a已经复制成了1,不是函数。

 

js预机制

原文:https://www.cnblogs.com/lita07/p/12336678.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!