美文网首页
浅谈Javascript基本类型和引用类型的值

浅谈Javascript基本类型和引用类型的值

作者: 莫问夕阳 | 来源:发表于2016-12-30 15:15 被阅读0次

    引言:
    因为Javascript变量是松散类型的本质,所以决定了它只是在特定时间用于保存特定的值的一个名字而已,所以变量的值以及数据类型可以在脚本的生命周期内改变。

    一.基本类型和引用类型的值
    ECMAScript变量有两种不同数据类型的值:基本类型值和引用类型值。
    基本类型值:简单的数据
    引用类型的值:可能由多个值构成的对象

    在将一个值赋值给变量时,解析器必须确定这个值是基本类型值还是引用类型值,
    比如基本数据类型:Undefined、Null、Boolean、Number和String,这五种基本数据类型是按照值访问的,因为可以操作保存在变量中的值。而引用类型的值是保存在内存中的对象,与其他语言不同,Javascript不允许直接访问内存中的位置,也就是说不能直接操作对象的内存空间。

    在操作对象时实际上是在操作对象的引用而不是实际的对象。所以引用类型的值是按引用访问的。

    1.动态的属性
    定义基本类型的值和引用类型的值基本是一样的,但是当这个值保存到变量中以后,对不同类型的值可以执行的操作则大相径庭。
    对于引用类型的值,我们可以为其添加属性和方法,也可以改变和删除其属性和方法。
    比如:
    var person = new Object();
    person.name = "路飞";
    alert(person.name);//路飞
    但是我们不能给基本类型的值添加属性,尽管这样做不会导致任何错误...
    var name = "索隆";
    name.dream = "世界第一剑士";
    alert(name.dream); //undefined
    这也说明了一个问题,只能给基本类型的值动态的添加属性。

    2.复制变量值
    2.1如果从一个变量向另一个变量复制基本类型的值,会在变量上创建一个新值,然后把该值复制到新变量分配的位置上。
    比如:
    var num1 = 5;
    var num2 = num1;
    此时,num1的5和num2的5是完全独立的。


    基本类型的值复制变量.png

    2.2当从一个变量向两一个变量复制引用类型的值时,同样也会将变量存储的值复制到新的变量的分配的位置上,但是这个值的副本实际上是一个指针,而这个指针指向存储在堆中的一个对象。复制结束后,两个变量实际上是引用同一个对象,因此改变其中一个变量,就会影响另一个变量。
    比如:
    var obj1 = new Object();
    var obj2 = obj1;
    obj1.name = "乔巴";
    alert(obj2.name);//乔巴

    引用类型的复制变量.png
    3.传递参数
    ECMAScript中所有函数的参数都是按值传递的!
    再向参数传递基本类型的值时,被传递的值会会被复制给一个局部变量(即命名参数)。再向参数传递引用类型的值时,会把这个值在内存中的地址复制个局部变量,因此这个局部变量的变化会反映在函数的外部。
    比如:
    function addTen(num){
    num += 10;
    return num;
    }
    var count = 20;
    var result = addTen(count);
    alert(count); //20 没有变化
    alert(result);//30

    如果使用对象传递
    function setName(obj){
    obj.name = "山治";
    }
    var person = new Object();
    setName(person);
    alert(person.name);//山治
    当person当做参数传递到setName()函数中之后就复制 给了obj,在这个函数的内部,obj和person引用的是同一个对象。所以在函数内部添加属性后,函数外部的person也将有所反应。
    function setName(obj){
    obj.name = "山治";
    obj = new Object();
    obj.name = "乔巴";
    }
    var person = new Object();
    setName(person);
    alert(person);//山治

    4.检测类型
    4.1基本数据类型检测:typeof
    var str = "123";alert(typeof str);//String
    var num = 123;alert(typeof num);//Number
    var bool = true;alert(typeof bool);//Boolean
    var udf ; alert(typeof udf);//undefined
    var n = null;alert(typeof n);//object
    var obj = new Object();alert(typeof obj);//object

    4.2引用类型检测:instanceof
    语法:result = variable instanceof constructor
    alert(person instanceof Object);//变量person是object吗? true : false
    alert(arr instanceof Array);//变量arr 是Array吗?true : false
    alert(reg instanceof RegExp);//变量reg是RegExp吗? true : false

    注意:所有引用类型都是Object的示例,因此在检测一个引用类型值和Object构造函数时,instanceof操作符始终会返回true。

    相关文章

      网友评论

          本文标题:浅谈Javascript基本类型和引用类型的值

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