JavaScript高级编程第四章(变量,作用域,内存问题)的学习摘录 纯手打

简介: 第四章变量,作用域和内存问题JavaScript不允许直接访问内存的位置,也就是说不能直接操作对象的内存空间。在操作对象时,实际上是在操作对象的引用而不是实际的对象。
第四章
变量,作用域和内存问题
JavaScript不允许直接访问内存的位置,也就是说不能直接操作对象的内存空间。在操作对象时,实际上是在操作对象的引用而不是实际的对象。为此,引用类型的值时按引用访问的。
动态的属性:
只有给引用类型的变量添加,修改,删除属性;如:
var person=new Object();
person.name="sdf";
alert(person.name);   //"sdf"
创建了一个对象保存在了变量person中然后为其添加了name属性
但是如果给基本类型的值添加属性就会失败  举例:
var name=""sdf";
name.age=23;
alert(name.age);  //undefined

复制变量值:
基本变量值是重新创建了一个新的变量
引用变量值是  相当于指针,两个指向同一个对象

传递参数:
是值传递  相当于将外部的值复制给函数内部
如果是基本变量值  则内部修改不影响外部值 ,因为是复制过来的值
如果是引用变量值  则相当于将指针值复制给函数内部 ,函数内部如果对指针指向的内容进行操作,就会影响外部指针指向的内容  但是 如果内部的指针先给内存赋值操作,外部指针也可以访问被修改的内容,如果内部指针指向新的对象再进行操作 ,则不影响外部。


检测类型:
var s="sdf";
var b=true;
var i=22;
var u;
var n=null;
var o=new Object();
alert(typeof s);  //string
alert(typeof b);  //boolean
alert(typeof i);  //number
alert(typeof u);  //undefined
alert(typeof n);  //object
alert(typeof o);  //object
使用typeof检测函数时,该操作符会返回“function” 
对正则表达式应用typeof 会返回“function”。在IE和Firefox中  会返回“object”;
检测基本数据类型时typeof是个好的助手,但是检测引用类型时用处不大。如果想要知道一个什么类型的对象。用instanceof操作符。举例:
alert(person instanceof Object);  始终返回true  
alert(person instanceof Array);   变量person是Array?
alert(person instanceof RegExp);
如果使用instanceof操作符检测基本类型的值,则操作符始终返回false,因为基本类型不是对象。


执行环境及作用域:
每个函数都有自己的执行环境 当一个代码在一个环境执行的时,会创建变量对象的一个作用域链:用途是保证对执行环境有权访问的所有变量和函数的有序访问。全局执行环境的变量对象始终都是作用于的最后一个对象。
例子:
  <script type="text/javascript">

        var color = "blue";

        function changeColor(){
            if (color === "blue"){
                color = "red";
            } else {
                color = "blue";
            }
        }

        changeColor();

        alert("Color is now " + color);

    </script>
作用域的前端,始终时当前执行的代码所在环境的变量对象,然后一层层往外扩展,逐级向后回溯。    函数changeColor()的作用域链包涵两个对象:他自己的变量对象和全局环境的变量对象。可以在函数内部访问color,就是因为在这个作用域中找到了它。


    举例:
        <script type="text/javascript">

        var color = "blue";

        function changeColor(){
            var anotherColor = "red";

            function swapColors(){
                var tempColor = anotherColor;
                anotherColor = color;
                color = tempColor;

                color, anotherColor, and tempColor 都可以访问
            }

            //color and anotherColor 可以访问, but not tempColor        
            swapColors();
        }

        changeColor();

        //只能访问 color 
        alert("Color is now " + color);

    </script>
以上代码共涉及了三个执行环境:全局环境,changeColor()的局部环境 和swapColors()的局部环境
意思就是说  内环境可以通过作用域链访问所有的外部环境,但是外部环境不能访问内部环境中的任何变量和函数。每个函数都是向上搜索作用域,以查询变量和函数名。

延长作用域链
try-catch语句的catch
with语句
两个语句都会在作用域链的前端添加一个变量对象。 对with来说,会将指定的对象添加到作用域链中。对于catch来说,会创建一个新的变量对象,其中包涵了被抛出的错误对象的声明

举例:
 <script type="text/javascript">

        function buildUrl() {
            var qs = "?debug=true";

            with(location){
                var url = href + qs;        
            }

            return url;
        }

        var result = buildUrl();
        alert(result);

    </script>
    with语句内 可以访问location中的属性和方法,   而且定义了一个url的变量,因而url就成了函数执行环境的一部分,所以可以作为i函数的值被返回。
重要:没有块级作用域:
在其他类c语言中  for循环和if判断句内的局部变量在代码结束后被销毁 但是在javascript中  不会 即使是在代码结束后,也依旧会存在与外部的执行环境    和普通的函数不同 ,因为在函数里面变量是局部的   得和for和if区分开例子:
 <script type="text/javascript">
    if(true){
        var color="blue";
    }
     alert(color)    //"blue"
    </script>
 声明变量:
 使用var声明变量会被自动添加到最接近的环境中。在函数内部最接近的环境就是函数的局部环境。在witch语句中,最接近的环境是函数环境。如果初始化变量时没有使用var声明,该变量会自动被添加到全局环境中:
  <script type="text/javascript">     
       function add(num1, num2) {
            sum = num1 + num2;
            return sum;
        }      
        var result = add(10, 20);  //30
        alert(sum);                //30

    </script>
    sum 没有用var定义 所以它是全局变量  后面的代码依旧可以访问它。
    重要提醒:建议在初始化变量前,一定要先声明,这样可以避免错误。

    查询标识符:
    举例:
        <script type="text/javascript">
        var color = "blue";  
        function getColor(){
            return color;
        } 
        alert(getColor());  //"blue"     
    </script>
    为了确定变量color的值,它向上搜索,首先搜索getColor()的变量对象,查找是否有color的标识符。在没有找到的情况下,搜索继续道下一个变量对象(全局环境的变量对象)然后寻找color的标识符。是沿着作用域链向上搜索的,一直追溯到全局环境的变量对象中。  在搜索的过程中 如果局部环境中存在同名的标识符,就不会使用父环境中的标识符
    访问局部变量要比访问全局变量更快,因为不用向上搜索作用域链。
    举例:
        <script type="text/javascript">
        var color = "blue"; 
        function getColor(){
            var color = "red";
            return color;
        }   
        alert(getColor());  //"red"

    </script>


    垃圾收集;
    1.有自动垃圾收集机制,找到那些不再继续使用的便利啊个,然后释放其占有的内存,为此垃圾收集器会按照固定的时间间隔周期性得执行这个操作。
    最常用的垃圾收集方式是标记清除
    2.引用计数:COM是基于引用计数的。如果有循环引用就无法销毁  因为引用次数不可能为0
    引用循环是对象A包含了一个指向对象B的指针,对象B包涵了一个指向A的指针
    解决方案是将两个指针指向null来断开原生JavaScript对象与DOM元素之间的连接。
    性能问题  :
    在有的浏览器中可以触发垃圾收集过程,但不建议这么做。
    在IE中调用window.CollectGarbage()方法会立即执行垃圾回收。
    在Opera7中及更高版本,调用window.pera.collect()也会启动垃圾收集例程。
    管理内存 :
    分配给Web浏览器的可用内存数量通常比分配给桌面应用程序的少,这样的目的是出于安全方面的考虑,防止运行JavaScript的网页耗尽全部系统内存而导致系统崩溃。 内存限制问题还影响变量的分配内存,调用栈以及在一个线程中能够同时执行的语句数量。一旦数据不再使用,最好将其设置为null来释放其引用,这一做法适合大多数的全局变量和全局对象的属性。局部变量会在他们离开执行环境时自动解除引用。不过解除一个值的引用不是意味着自动回收改制所占用的内存。接触引用的真正目的时让值脱离执行环境,以便垃圾收集器下次运行时将其回收。


    基本类型和引用类型总结:
    1.基本类型在内存中占固定大小的空间,因此被保存在栈内存中
    2.从一个变量向另一个变量复制基本类型的值,会创建这个值的一个副本。
    3.引用类型的值时对象,保存在堆内存
    4.包含引用类型值的变量实际上包含的并不是对象本身,而是一个指向该对象的指针
    5.从一个变量向另一个变量复制引用类型的值,复制的其实时指针,因此两个变量最终都指向同一个对象。
    确定一个值是哪中基本类型可以使用typeof操作符,而确定一个值是哪种引用类型可以使用instanceof操作符

    所有变量都存在与一个执行环境,这个执行环境决定了变量的生命周期,以及哪一部分代码可以访问其中的变量 以下是关于执行环境的总结:
    1.执行环境有全局执行环境和函数执行环境之分
    2.每次进入一个新的执行环境,都会创建一个用于搜索变量和函数的作用域链
    3.函数的局部变量不仅有权访问函数作用域中的函数,而且有权访问其父环境,乃至全局环境
    4.全局环境只能访问在全局环境中定义的变量和函数,而不能访问局部环境中的任何数据
    5.变量的执行环境有助于确定应该何时释放内存

    垃圾回收总结:
    1.离开作用域的值江北自动标记为可以回收,因此将在垃圾收集期间被删除
    2.“标记删除”是目前主流的垃圾收集算法,这种算法的思想是给当前不使用的变量的值加上标记,然后再回收其内存
    3.另一种垃圾收集算法:“引用计数” 跟踪记录所有值被引用的次数   目前不再使用,但是在IE中访问非原生JavaScript(如DOM元素)时,这种算法任然可能会导致问题
    4.当代码中存在循环引用现象时,“引用计数”算法就会导致问题
    5.接触变量的引用不仅有助于消除循环引用现象,而且对垃圾收集也有好处。应该及时接触不再使用的全局对象,全局对象属性,以及循环引用变量的引用
目录
相关文章
|
11天前
|
JavaScript 前端开发
JavaScript 闭包:让你更深入了解函数和作用域
JavaScript 闭包:让你更深入了解函数和作用域
|
12天前
|
前端开发 测试技术
测Nuxt.js入坑,配置dev、test、pro三种环境的变量env
先下载一个cross-env模块,比较好控制环境
29 5
|
3天前
|
JavaScript 前端开发 Java
javascript是弱类型语言,一个函数参数可以接收不同类型的变量作为它的该参数
javascript是弱类型语言,一个函数参数可以接收不同类型的变量作为它的该参数
12 0
|
5天前
|
存储 Java
【JAVA学习之路 | 进阶篇】ArrayList,Vector,LinkedList内存解析
【JAVA学习之路 | 进阶篇】ArrayList,Vector,LinkedList内存解析
|
9天前
|
存储 Java 程序员
【Python 的内存管理机制专栏】深入解析 Python 的内存管理机制:从变量到垃圾回收
【5月更文挑战第18天】Python内存管理关乎程序性能与稳定性,包括变量存储和垃圾回收。变量存储时,如`x = 10`,`x`指向内存中值的引用。垃圾回收通过引用计数自动回收无引用对象,防止内存泄漏。了解此机制可优化内存使用,避免循环引用等问题,提升程序效率和稳定性。深入学习内存管理对成为优秀Python程序员至关重要。
【Python 的内存管理机制专栏】深入解析 Python 的内存管理机制:从变量到垃圾回收
|
10天前
|
存储 定位技术 开发工具
Android 开发前的设计,Android之内存泄漏调试学习与总结
Android 开发前的设计,Android之内存泄漏调试学习与总结
|
11天前
|
JavaScript 前端开发 数据处理
掌握JavaScript中的二进制运算,提升你的编程技能!
掌握JavaScript中的二进制运算,提升你的编程技能!
|
11天前
|
JavaScript 前端开发 算法
垃圾回收:JavaScript内存管理的利器
垃圾回收:JavaScript内存管理的利器
|
11天前
|
Web App开发 监控 前端开发
深入理解JavaScript内存泄漏:原因与解决方法
深入理解JavaScript内存泄漏:原因与解决方法
|
11天前
|
存储 前端开发 JavaScript
深入了解JavaScript:声明式与命令式编程
深入了解JavaScript:声明式与命令式编程