美文网首页
JavaScript提升系列(八):基本类型和引用类型

JavaScript提升系列(八):基本类型和引用类型

作者: 拳战攻城师 | 来源:发表于2020-05-22 11:39 被阅读0次

    总结

    • 对于引用类型值,可以为其增加、修改、删除属性和方法,而基本类型不行。
    • 引用类型值的复制本质上属于浅拷贝。
    • ECMAScript函数所有的参数传递都是值传递。
    • ECMAScript提供instanceof操作符来检测对象的类型。

    与C/C++不同之处

    • JavaScript不允许直接访问内存中的位置。

    正文

    ECMAScript变量可能包含两种不同数据结构的值:基本类型值和引用类型值。
    基本类型值,指的是简单的数据段。
    引用类型值,指那些可能由多个值构成的对象。

    在将值赋给变量时,解析器必须确定这个值是基本类型值还是引用类型值。而5种基本类型(哪几种?),是按值访问的,因为是可以操作保存在变量种的实际的值。

    引用类型的值是保存在内存中的对象,JavaScript不允许直接访问内存中的位置,也就是说不能直接操作对象的内存空间。

    动态的属性

    定义基本类型值和引用类型值的方式是类似的:创建一个变量并为该变量赋值。

    对于引用类型的值,我们可以为其添加属性和方法,也可以改变和删除其属性和方法。

    var persion = new Object();
    persion.name = "Hello";
    alert(persion.name);    //Hello
    

    但是,我们不能给基本类型的值添加属性,尽管这样做不会导致任何错误。

    var name = "Hello";
    name.age = 10;
    alert(name.age);    //undefined
    

    复制变量的值

    复制基本类型值,会在变量对象上创建一个新值,然后把该值复制到为新变量分配的位置上。

    var num1 = 5;
    var num2 = num1;
    num1 = 6;
    alert(num1);  6
    alert(num2);  5
    

    复制引用类型值时,同样也是将存储在变量对象中的值复制一份放到新变量分配的空间中,不同的是,这个值的副本实际上是一个指针。(浅拷贝)
    因此,改变其中一个变量,会影响另外一个变量。

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

    传递参数

    ECMAScript中所有函数的参数都是按值传递的,也就是说,传递参数的这个过程,相当于把值从一个变量复制到另一个变量。

    在向参数传递基本类型的值时,被传递的值会复制给一个局部对象。

    function addTen(num){
      num+=10;
      return num;
    }
    var count = 20;
    var result = addTen(20);
    alert(count);  //20
    alert(result);  //30
    

    而向参数传递引用类型的值时,会把这个值在内存中的地址复制给一个局部对象。

    funciton setName(obj){
      obj.name = "hello";
    }
    var persion = new Object();
    setName(persion);
    alert(persion.name);    //"hello"
    

    为了证明对象是按值传递的,我们可以看看经过修改的例子:

    function setName(obj){
      obj.name = "hello";
      obj = new Object();
      obj.name = "world!";
    }
    var persion = new Object();
    setName(persion);
    alert(persion.name);  //hello
    

    上述例子说明,即使在函数内部修改了参数的值,但原始的引用依然保持未变。

    检测类型

    要检测一个变量是不是基本类型,我们可以使用typeof操作符。但在检测引用类型的值时,这个操作符的用处就不大了。

    为此,ECMAScript提供了instanceof操作符,其语法如下所示:

    var result = persion instanceof Object;
    

    根据规定,所有的引用类型的值都是Object的实例,因此,在检测 一个引用类型值和Object构造函数时,instanceof操作符始终会返回true
    如果用instanceof操作符检测基本类型时,该操作符始终会返回false

    完!

    相关文章

      网友评论

          本文标题:JavaScript提升系列(八):基本类型和引用类型

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