1.预解析的相关概念
JavaScript代码是由浏览器的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步:预解析和代码执行。
预解析:在当前作用域下,js代码执行之前,浏览器会默认把带有var和function声明的变量在内存中进行提前声明或者定义。预解析也叫做变量声明、函数声明提升。
代码执行:从上到下执行js语句。
2.预解析要做的事情
1.变量预解析
变量预解析(变量声明提升):把变量的声明提前到了当前所在的作用域的最上面,但是变量的赋值不会提升。
console.log(num); //undefined
var num = 10;
console.log(a); //undefined
var a = function (){
console.log("我是f1函数");
};
2.函数预解析
函数预解析(函数声明提升):把函数的声明提前到了当前所在的作用域的最上面。
如果函数名重复,后面的函数会覆盖前面的函数。
fn();//我是fn函数
function fn(){
console.log("我是fn函数");
};
//如果函数名重复,后面的函数会覆盖前面的函数
function func(){
console.log("hello1");
};
func();//hello2
function func(){
console.log("hello2");
};
func();//hello2
上面向大家分享了预解析,可以试一试下面的例子,就会发现有问题:
console.log(name);//第一次打印 空格,刷新后从第二次开始打印的是字符串--千寻
var name = "千寻";
//var name = ["leon", "jack", "tom"];
//console.log(name[2]);//o
我们想要的效果是打印undefined或者tom,发现结果不一致,但是把name换成其他的变量名(不与js关键字冲突),就可以得到预期的效果。起先认为name不能赋值字符串,但是赋值为数组访问也存在问题。最后查阅资料,才知道后面的结论。
name具有特殊之处,它不是javascript的关键字,也不是保留字(保留字在某种意思上是为将来的关键字而保留的单词,因此保留字也不能被用作变量名或函数名) ,页面在IE浏览器上运行正常,但是Safari , chrome , Firefox和Opera这些浏览器都给函数定义了一个非标准的name属性,是window的自带全局属性,所以在全局声明name变量名会出现访问异常问题。因此,我们以后要最好要避免使用name作为变量名!!!
今天的分享就到这里啦~~
如有错误,欢迎随时雅正。