• 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 = {

        键 :值,

        键 :值,

        ...

      }

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

      对象的特征:所有的对象都有属性和方法(属性和方法可以自定义)

    Why do you work so hard? Because the things I want to buy are expensive and the places I want to go are far away. The person I like is very excellent.
  • 相关阅读:
    JavaScriptFunction对象(函数)的声明和作用域
    JavaScript常用对象的属性及方法(2)
    html+css>backgroundimg(背景图的设置)
    JavaScript知识点>运算规则与运算(逻辑、位)
    JavaScript知识点:分支结构(if、switch)+算法例题
    JavaScript常用对象的属性及方法(1)
    一些学习js的算法题目
    隐马尔科夫模型
    Eclipse插件开发小结
    二叉树排序和堆排序
  • 原文地址:https://www.cnblogs.com/liufuyuan/p/10319928.html
Copyright © 2020-2023  润新知