美文网首页JavaScript 进阶营
JavaScript学习之路-变量

JavaScript学习之路-变量

作者: LeoZzz | 来源:发表于2019-05-09 09:49 被阅读0次

    一、变量

    1.基本类型和引用类型

    Javascript中的变量与其他编程语言中变量,也是有一定区别的,定义变量的时候不用声明是何种类型的变量:

    var a = 1;
    
    var s = 'Leo';
    
    

    变量有俩种类型:基本类型和引用类型。①:基本类型就是简单的数据段,引用类型可能由多个值组成的对象。在前面的文章中我们提到的基本数据类型:undefined Null Boolean Number String 这5种基本数据类型都是基本类型,是按值访问的。②:引用类型的值就是保存在内存中的对象,在JavaScript中,是不允许我们直接操作对象的内存空间的,为此,引用类型其实就是按引用访问的。

    1.1动态的属性

    定义基本类型值和引用类型值的方式差不多,当这个值保存到变量中,对其操作则有很大不同,对于引用类型的值,我们可以在它创建后为其添加属性和方法。我们举例说明:

    // 引用类型
    var obj = new Object();
    obj.name = "Leo";
    obj.func = function(){alert('LeoNAME')}
    console.log(obj.name); //Leo
    obj.func();//LeoNAME;
    
    // 基本类型
    var name = "Leo";
    name.age = 18;
    console.log(name.age);//undefined;
    
    

    看到这,对动态的属性,应该明白了,反正在Objective-C、Swift中,没有这项神技(- -)。

    2.复制变量值

    2.1 基本类型

    从一个变量向另一个变量复制基本类型的值时,会在变量对象上创建一个新的值,然后把该值复制到新变量分配的位置上,这俩个值是完全独立的,改变一个都不会影响另一个。

    var num1 = 5;
    var num2 = num1;
    
    

    通过下图我们可以更好的理解:


    基本类型复制
    2.2 引用类型

    引用类型的复制,其实说白了就是指针的复制,对于指针的概念,在学C语言的时候,大家应该都很明白,其实就是堆空间的地址。既然引用类型的复制是复制了指针,那当我们改变其中一个的时候,也会影响另一个。

    var obj1 = new Object();
    var obj2 = obj1;
    obj1.name = "Leo";
    console.log(obj2.name);//Leo
    
    

    如图所示:


    引用类型复制

    3.传递参数

    ECMAScript中的参数传递都是值类型传递,其实就是和基本类型的传递一样的,可以把参数成函数的局部变量。在向参数传递基本类型的值的时候,被传递的值会复制给一个局部变量(即命名参数,或者是arguments对象中的一个元素,);在向参数传递引用类型的值的时候,会把这个值的内存地址复制给一个局部变量(函数的命名参数)。

    function add(num){
    num+=10;
    return num;
    }
    var count = 20;
    var result = add(count);
    console.log(count);//20
    console.log(result);//30
    

    上述中的列子,正如我们说到的,函数参数num与count是俩个独立的值,它们仅仅是值相同而已。
    但是当传递引用类型的时候,就很有意思了。

    function setName(obj){
     obj.name = "Leo";
    }
    var person = new Object();
    setName(person);
    console.log(person.name);//Leo;
    

    首先创建了一个对象实例person,然后调用了函数,在函数内部其实 obj和person引用的是同一个对象,注意这里是引用,就是说即使这个对象是按值传递的,obj也会按引用来访问同一个对象。即函数内部动态添加了一个属性,所以函数外部的person也会有反映,我想看到这里,你是不是有点蒙了,不是说参数都是按照值传递的嘛。很多开发人员误认为:在局部作用域中修改的对象会在全局作用域中反映出来,就认为参数是按引用类型传递的。我再举一个例子大家就明白了:

    function set(obj){
    obj.name = "Leo";
    obj = new Object();
    obj.name = "Venom";
    }
    
    var person = new Object();
    set(person);
    console.log(person.name);//Leo;
    
    

    如果参数是按照引用类型传递的,那么person.name的值就应该为Venom,但是这里却打印的Leo。这个函数里面我只是添加了俩行代码,一行是为obj重新定义了一个新对象,然后为其添加了一个新的属性name。如果person是按照引用类型传递的,那么person就会修改name属性为Venom。但是结果却不是,这说明在函数内部修改了参数的值,但原始的引用仍然未改变,其实在函数内部重写Obj时,这个变量引用的就是一个局部变量,函数执行完毕,局部变量销毁。

    二、总结

    变量有俩种类型:基本类型和引用类型;传递参数是按照值类型传递的,我们可以把参数想象成函数的局部变量。

    相关文章

      网友评论

        本文标题:JavaScript学习之路-变量

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