预解释

在当前的作用域中,JS代码执行之前,浏览器首先会默认的把所有带var和function的进行提前的声明或者定义

1.理解声明和定义

var num=12;
声明(declare):var num:告诉浏览器在全局作用域中有一个num的变量了(若一个变量只是声明了但没定义,默认值为undefined)
定义(defined):num=12:给我们的变量进行赋值

2.var与function操作的区别

var:在预解释的时候只是提前声明
function:在预解释的时候提前声明+定义都完成了

3.预解释只发生在当前作用域下

eg:开始只对window下进行预解释,只有函数执行的时候才会对函数中的进行预解释

JS中内存分类

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


相关规则:

1.预解释的时候不管条件是否成立,都要把带var的进行提前声明。eg:

//在全局作用域下var一个变量,一方面是全局变量 var num;一方面给window增加了一个属性名window.num
if(!("num" in window)){  //不管条件是否成立
            var num=12;
      }
console.log(num);   //-->undefined

2.预解释的时候只解释“=”左边的,右边的是值,不参与预解释。eg:

//window下的预解释:var fn;
      fn(); //---->undefined()
      var fn=function(){
          console.log("haha");
      };

3.自执行函数定义的那个function在全局作用域下不进行预解释,当代码执行到这个位置的时候定义和执行一起完成:(function(num){ })(100);

4.函数体中return下面的代码虽然不执行了,但是需要预解释;而return后面紧接着的是要返回的值,所以不进行预解释

5.在预解释的时候,如果名字已经声明过了,不需要重新的声明,但是需要重新赋值。在JS中如果变量的名字和函数的名字重复了,也算冲突。eg:

//window预解释:
(1).声明+定义 fn=xxxfff111 
(2).声明  var fn;(不需要重新声明)
(3).声明(不重复进行)+定义 fn=xxxfff222---->fn=xxxfff222  //
fn();  //--->2
function fn() {console.log(1);};
fn();
var fn=10; //--->fn=10
fn();  //--->10() Error:fn is not a function
function fn() {console.log(2);};
fn();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容