js预机制

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,不是函数。

 

posted @ 2020-02-20 18:12  程序员瑶琴  阅读(131)  评论(0编辑  收藏  举报