zoukankan      html  css  js  c++  java
  • JavaScript的作用域

      JavaScript的作用域主要是指函数的作用域,在进行结果判断的时候十分重要,如果不清楚作用域,便很有可能导致拿不到预期的结果,也就无法顺利的进行程序的编写,在经历了一系列的学习和了解之后,对相关知识进行一个汇总,认识比较浅显,希望可以帮助到有需要的人。

      首先引入一个概念:词法分析

      JavaScript在创建的时候会对function进行词法分析,函数会在创建时形成一个活动对象,ActiveObject,简称AO,先举一个实际的例子进行分析:

      

        function t1(age) {
            console.log(age);
            var age = 24;
            console.log(age);
            function age() {}
            console.log(age);
        }
        t1(1);
    

      词法分析步骤为:

    1. 分析形式参数,此例为age,即生成一个AO.age=undefined的活动对象==>然后根据进行赋值AO.age=1。
    2. 分析局部变量:在第三行有一个局部变量,跟age重名,此时会生成一个AO.age=undefined的活动对象,AO.age=1会被覆盖。
    3. 分析函数声明表达式:此时声明了一个age的函数。所以此时的活动变量为:AO.age=function。优先级最高。

      词法分析结束后函数开始执行,此时的AO.age=function,函数执行时会首先从AO中获取值,所以会首先将function赋给age,所以整个函数的输出为:

          function

          24

          24

      可以根据此方法对JS的作用域进行辅助理解:

        1 JS默认以函数为作用域

        2 函数的作用域在没有被执行之前就已经创建

        3 函数的作用域存在作用域链(作用域嵌套),并且也是在被执行之前创建完毕

            function func(){
    	    var xo='eric';     词法分析的时候为AO.xo=undefined
    	    function inner(){  词法分析的时候为AO.inner=function
    		console.log(xo);   AO.xo=undefined--因为function中还有一个xo的定义,在函数内的返回值为 AO.xo=undefined
    		var xo='tony'   
            }
            return inner;
            }
            var ret = func();
         ret();

         该程序执行的结果为:undefined

        4 JavaScript函数内部变量 必须要提前声明

            function func(){
                console.log(xxoo);
                xxoo=tony;//有这一句程序输出为undefined,如果没有这一句会报错
            }
            ret=func();
    

        

  • 相关阅读:
    jQuery获取鼠标事件源
    windows中MongoDB安装和环境搭建
    前端获取后台数据的方法:ajax、axios、fetch
    浅谈:easy-mock的使用
    安全篇-AES/RSA加密机制
    PHP开发api接口安全验证
    Ajax简单实现文件异步上传的多种方法
    PHP7有没有你们说的那么牛逼
    基于laravel框架构建最小内容管理系统
    redis用法分析
  • 原文地址:https://www.cnblogs.com/BigJ/p/7506676.html
Copyright © 2011-2022 走看看