预解析 和 以name作为变量名出现的一些问题

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作为变量名！！！

今天的分享就到这里啦~~

如有错误，欢迎随时雅正。