码迷,mamicode.com
首页 > 其他好文 > 详细

预解释-基础

时间:2016-04-04 01:21:13      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:

预解释(变量提升):在当前的作用域中,JS代码从上到下执行之前,浏览器会默认的先把所有带var/function关键字的进行提前的声明或者定义
对带var变量的是提前声明(declare)
对带function关键字的是提前定义(声明+定义)(defined)
->在预解释阶段,带var关键字的只是提前的声明,只有在JS从上到下执行的过程中才会进行定义赋值:
1 //->预解释阶段:告诉浏览器在当前的作用域中(window)有一个名字叫做num的变量:var num;
2 console.log(num);//->undefined(只有声明没有定义的默认值是undefined)
3 var num = 13;//->num=13;(定义:给变量赋值num=13)
4 console.log(num);//->13

->在预解释阶段,带function关键字的,声明+定义两部分都完成了:
1 //->预解释阶段:fn=xxxfff000(xxxfff000是一个内存地址)
2 console.log(fn);//->函数本身 function fn() { console.log("ok"); }
3 function fn() {
4     console.log("ok"); 
5 }//->3-5行代码在预解释阶段已经声明加定义了,以后代码执行的时候在遇到也不会重新进行操作,直接跳过这几行就可以了 
6 console.log(fn);//->函数本身 function fn() { console.log("ok"); }
->预解释只发生在当前的作用域中,开始的时候只对window作用域下带var/function关键字的进行预解释,而函数体中出现的带var/function关键字的这些代码此时还都是一堆字符串呢(没有实际意义),所以开始的时候函数体中带这些关键字的都不需要管
只有全局代码执行到函数执行的时候,才会形成一个新的私有作用域,在新的私有作用域中:首先给函数的形参赋值,其次是私有作用域中的预解释:把私有作用域中带var和function关键字的进行提前的声明或者定义,最后才是私有作用域中的代码从上到下执行

 1 //首先是window作用域下的预解释:var n; var s; function fn=xxxfff000;  
 2 console.log(n,s);//n->undefined; s->undefined
 3 var n = 9;//全局作用域下的n=9;
 4 var s = "str1";//全局作用域下的s="str1";
 5 function fn() {
 6   console.log(n,s);//n->undefined; (这个是fn私有作用域的n) s->str1; (这个是全局作用域的s)
 7   n = 7;//定义私有作用域下的n=7;
 8   s = "str2";//定义全局作用域下的s="str2";
 9    var n = 6;//定义私有作用域下的n=6;
10 }
11 fn();
12 console.log(n,s);//此时输出的都是全局作用域的: n->9; s->str2;

->作用域链的问题:
在私有作用域中,JS代码从上到下执行,如果遇到了一个变量,
首先看是否是自己私有的变量,如果是私有的,那么我们接下来的所有操作(获取值,修改值...)都是用的自己私有的,和外面没有任何关系
如果不是自己私有的,则去当前作用域的上一级作用域中查找,如果上一级有,那么接下来操作的,都是在操作上级作用域中的变量;如果上级也没有,则继续向上查找,一直找到window为止
如果找到window还没有?如果是 变量=值 相当于给window下增加一个属性名和属性值:如果是console.log(变量)获取值,会报错

->如何看变量是否为私有的:
首先看是否为形参
然后看是否在私有作用域中声明过(看有没有带var)
两者有其一,就是自己私有的变量;如果两个都不是,就不是私有的,按照上述的作用域链原理来进行查找

预解释-基础

标签:

原文地址:http://www.cnblogs.com/lizhongwu/p/5351157.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!