JS变量作用域，浏览器预解析

一、变量的作用域

　　1.作用域：变量的作用范围

　　2.全局变量：变量在整个程序都是有效的（从程序开始到程序结束变量均有效）在函数体外部定义的变量都是全局变量；在函数体内部 没有用var定义的变量也有可能是全局变量

　　3.局部变量：变量只能在函数体的内部使用，跳出函数体后局部变量自动销毁 在函数体内部通过var定义的变量或函数的形式参数

　　4.作用域链：在函数体内部修改某个变量的值，如果修改的是局部变量，该变量也是局部的，如果修改的是全局变量，该变量就是全局变量

　　　　　　　　如何确定修改的是局部变量还是全局变量：向上查找，如果再函数体内部找到就返回，说明修改的是局部变量；如果在函数体内部没有查找到，就向函数体的外面继续查找，找到就返回，说明修改的就是全局变量

二、浏览器如何解析JS代码

　　1.浏览器解析JS代码的过程

　　　　1）第一步：预解析 找var和function

　　　　　　找到var相当于找到一个变量，为这个变量提前赋予一个undefined值

　　　　　　找到function也就相当于找到一个函数为这个含糊提前赋予这个函数块本身

　　　　　　注：预解析是，当遇到变量和函数重名时，保留函数

　　　　2）第二步：逐行解析代码

　　　　　　逐行解读代码时，如果遇到表达式，会将仓库中变量的值改变

　　2.变量的提升

　　　　在函数体内部使用var定义的变量，会将该变量的定义提升到函数的最顶端，但只提升定义，不赋值

　　　　function fn（）{

　　　　　　alert（num）；

　　　　　　var num = 90；

　　　　}

　　等价

　　　　function fn（）{

　　　　　　var num；

　　　　　　alert（num）；

　　　　　　num = 90；

　　　　}

三、函数的递归调用

　　递归：函数自己调用自己

　　递归的本质：实现循环 执行效率较低 反复开辟存储单元

　　

 四、函数和时间的关系

　　1.事件：对元素的某个操作

　　2.事件的种类：

　　　　1）鼠标事件：

　　　　　　onclick　　单击

　　　　　　ondbclick　　双击

　　　　　　onmouseover　　滑入

　　　　　　onmouseout　　滑出

　　　　　　onmouseenter　　滑入

　　　　　　onmouseleave　　滑出

　　　　　　onmousemove　　移动

　　　　　　onmousedown　　按下

　　　　　　onmouseup　　抬起

　　　　2）键盘事件

　　　　　　onkeyup　　抬起

　　　　　　onkeydown　　按下

　　　　3）页面事件

　　　　　　onload　　页面加载事件

　　　　4）表单事件（主要用于操作表单元素）

　　　　　　onfocus　　获取焦点事件

　　　　　　onblur　　失去焦点事件

　　　　　　onchange　　改变事件

　　　　　　onsubmit　　表单提交事件

　　3.事件用法

　　　　元素.事件名 = function（）{

　　　　　　

　　　　　　}

　　　　事件三要素：

　　　　　　事件源　　名称名词

　　　　　　事件　　动词

　　　　　　事件处理程序　　函数

　　　　一般事件处理程序都是函数　　事件都要依赖于函数执行

五、JS对页面元素的操作

　　第一步查找要操作的页面元素

　　1.样式操作：元素.style.样式 = “值”

　　2.属性操作（这里的属性指的是标签的输入 例如：img标签的src属性）：元素.属性 = 值

　　3.内容操作：1）非表单内容：元素.innerHTML = “内容”

　　　　　　　　2）表单内容：元素.value = “值”

六、对象

　　对象就是一个整体，将多个变量组合起来，描述一个整体，就是对象

　　var obj = {

　　　　键 ：值，

　　　　键 ：值，

　　　　...

　　}

　　说明：键就是变量名，值可以是任意类型；如果值是一个函数，说明该键就是对象的方法；如果值不是函数，说明该键就是该对象的属性

　　对象的特征：所有的对象都有属性和方法（属性和方法可以自定义）