美文网首页
Javascript-变量、作用域、内存问题

Javascript-变量、作用域、内存问题

作者: Tom36 | 来源:发表于2017-12-19 09:43 被阅读0次

    一、基本类型和引用类型的值

    首先,我们知道JS的数据类型有6种:Undefined、Null、Boolean、Number、String、Object
    如果从用图和功能上分的话,我们可以分为两大类:

    • 基本类型:Undefined、Null、Boolean、Number、String
    • 引用类型:Object
      这两种类型的区别:

    1、保存的方式不同

    基本数据类型是按值访问的,因为可以操作保存在变量中的实际的值。引用类型的值是保存在内存中的对象。与其他语言不同,JavaScript 不允许直接访问内存中的位置,也就是说不能直接操作对象的内存空间。在操作对象时,实际上是在操作对象的引用而不是实际的对象。

    并且引用类型的值可以添加属性和方法,或者改变删除属性和方法。

    2、复制变量的值

    当从一个变量向另一个变量复制引用类型的值时,同样也会将存储在变量对象中的值复制一份放到为新变量分配的空间中。不同的是,这个值的副本实际上是一个指针,而这个指针指向存储在堆中的一个对象。复制操作结束后,两个变量实际上将引用同一个对象。因此,改变其中一个变量,就会影响另一个变量

    var obj1 = new Object();
    var obj2 = obj1;
    obj1.name = "Nicholas";
    alert(obj2.name); //"Nicholas"
    

    3、传递参数

    ECMAScript 中所有函数的参数都是按值传递的。也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样

    4、检测类型(instanceof)

    instanceof 可以用来检测一个变量是什么类型的对象,例如:

    alert(person instanceof Object); // 变量person 是Object 吗?
    alert(colors instanceof Array); // 变量colors 是Array 吗?
    alert(pattern instanceof RegExp); // 变量pattern 是RegExp 吗?
    

    二、重点理解作用域和作用域链

    1、执行环境(作用域)

    执行环境其实定义了变量或者函数访问其他数据的权限范围。每个执行环境都有一个与它相关联的变量对象(variable object),在环境中定义的所有变量和函数都保存在这个对象中。

    • 全局执行环境
    var color = "red";
    

    上述代码其实在全局环境中执行的,在web浏览器中,与全局环境相关联的对象是window,所以我们可以通过window.color访问这个变量。注意:某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定义也随之销毁

    • 函数执行环境(局部环境)
      每个函数也会有自己的执行环境。

    2、作用域链

    当代码在一个环境中执行时,会创建变量对象的一个作用域链(scope chain)。作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是当前执行的代码所在环境的变量对象。如果这个环境是函数,则将其活动对象(activation object)作为变量对象。活动对象在最开始时只包含一个变量,即arguments 对象(这个对象在全局环境中是不存在的)。作用域链中的下一个变量对象来自包含(外部)环境,而再下一个变量对象则来自下一个包含环境。这样,一直延续到全局执行环境;全局执行环境的变量对象始终都是作用域链中的最后一个对象。

    • 延长作用域链
      通过with 、 try catch 语句
    function buildUrl() {
        var qs = "?debug=true";
            with(location){
                    var url2 = href + qs;
            }   
        return url;
    }
    
    • 没有块级作用域
      对比其他的类C语言,由花括号封闭的代码块都有自己的作用域(如果用ECMAScript 的话来讲,就是它们自己的执行环境),而ECMAScript没有块级作用域
    if (true) {
      var color = "blue";
    }
    alert(color); //"blue"
    

    相关文章

      网友评论

          本文标题:Javascript-变量、作用域、内存问题

          本文链接:https://www.haomeiwen.com/subject/hqjmwxtx.html