关于JS 预解释的相关理解
1、JS中的内存空间分为两种:栈内存、堆内存
栈内存:提供JS代码执行的环境;存储基本数据类型的值;->全局作用域或者私有的作用域其实都是栈内存
堆内存:存储引用数据类型的值(对象是把属性名和属性值存储进去,函数是把函数体中的代码当做字符串存储进去)
2、当浏览器加载我们HTML页面的时候,首先会提供一个供JS代码执行的环境->全局作用域(global->window)
3、在JS代码执行之前,浏览器还需要自己做一些事情:把所有带var/function关键字的进行提前的声明或者定义->"预解释"(变量提声)
声明(declare)->告诉浏览器我有这样一个东西啦,例如varnum1;functionfn;
定义(defined)->给我们声明的变量或者函数赋值,例如num1=12;fn=function(){}
[重要]变量只声明没有定义,默认的值是undefined(未定义)
4、var和function在预解释阶段处理是不一样的
var->在预解释的时候只是提前的声明了这个变量,只有当代码执行的时候才会完成赋值操作
function->在预解释的时候会提前的把声明加定义都完成了(在代码执行的时候遇到定义的代码直接的跳过)
[重要]刚开始只对window下的进行预解释,fn函数中目前存储的都是字符串,所以vartotal没啥实际的意义,所以不进行预解释->"预解释是发生在当前作用域下的"
console.log(obj);//->undefined varobj={name:"张珊珊",age:10}; functionfn(num1,num2){//代码执行到这一行的时候直接的跳过,因为在预解释的时候我们已经完成了声明加定义 vartotal=num1+num2; console.log(total); } varnum1=12; fn(num1,100);//执行fn,把全局变量num1的值赋值给形参num1,把100赋值给形参num2
5、在全局作用域下声明的变量是全局变量
在私有作用域中声明的变量是私有变量;函数的形参也是私有的变量;
如何分辨函数中出现的变量是私有的还是全局的?
首先看是否为形参,然后看是否在私有作用域中声明过(有没有var过),两者有其一就是私有的变量,那么在当前函数中不管什么位置出现都是私有的,和全局的没有半毛钱的关系;如果两者都没有,说明不是私有的,则往其上一级作用域进行查找...
6、函数执行的时候会形成一个新的私有的作用域(栈内存),供函数体中的代码执行;
1)给形参赋值
2)私有作用域下的预解释
3)私有作用域下的代码执行
形成的新的私有的作用域还保护了里面的私有变量不受外界的影响,我们把函数的这种保护机制->"闭包
区别:带var的可以在代码执行前进行声明,而不带var的不能提前的声明
1、不管条件是否成立都要进行预解释
window预解释:vara;->window.a; if(!("a"inwindow)){//"a"inwindow->true vara="我们"; } console.log(a);//->undefined
2、预解释只发生在"="的左边,只把左边的进行预解释,右边的是值是不进行预解释的
匿名函数之函数表达式:把函数定义的部分当做值赋值给一个变量或者元素的事件
预解释的时候:varfn;->fn的默认值是undefined
fn();//->undefined()UncaughtTypeError:fnisnotafunctionJS中只有函数可以执行&&JS上面的代码如果报错了,在不进行任何的特殊处理情况下我们下面的代码都不在执行了 varfn=function(){ console.log("ok"); }; fn(); 预解释的时候:fn=xxxfff000 fn();//->"ok" functionfn(){ console.log("ok"); } fn();//->"ok"
3、函数体中return下面的代码都不在执行了,但是下面的代码需要参加预解释;而return后面的东西是需要处理的,但是由于它是当做一个值返回的,所以不进行预解释;
vartotal=300; functionfn(){ console.log(total); returnfunctionsum(){};//return是把函数中的值返回到函数的外面,这里是把function对应的内存地址返回的到函数的外面,例如:returnxxxfff111;函数体中return下面的代码都不在执行了 vartotal=10; } fn();
4、匿名函数的function在全局作用域下是不进行预解释的
匿名函数之自执行函数:定义和执行一起完成了
(function(num){})(100);
5、在预解释的时候,如果遇到名字重复了,只声明一次,不重复的声明,但是赋值还是要重复的进行的
在JS中变量的名字和函数的名字如果一样是算作重复的
预解释:
varfn;声明 fn=xxxfff000;[声明]不要了+定义 fn=xxxfff111;[声明]不要了+定义 ->fn=xxxfff111 varfn=12;//window.fn=12 functionfn(){//window.fn=function(){} } functionfn(){ }
以上就是小编为大家带来的关于JS预解释的相关理解全部内容了,希望大家多多支持毛票票~