美文网首页
第四章 变量

第四章 变量

作者: 庄海鑫 | 来源:发表于2017-08-28 00:48 被阅读0次

    创建一个变量并使其赋值,这一过程是什么样子的?

    通常这一个过程我们用一条语句实现,如下:

    var num1=5;
    

    这当中解释器发什么了很多的操作

    • 创建了num1这个名字
    • 创建num1变量需要var,定义一个它可以访问或者被操作的范围,也就是它的作用域.
    • 把var num1这个操作提升到函数的最顶上
    • 判断5是什么数据类型,5是Number,属于基本类型,把5的值保存在num1当中(栈内存中)
    image.png
    var obj1=new Object();
    

    创建对象过程和上面类似,只不过对象的值保存在堆内存当中,而把内存的地址(引用)保存在obj1当中。

    image.png

    属性方法的增删修改操作

    基本数据类型:

    • 增删没有任何作用,不会报错。
    • 变量的修改,相当于变量重新赋值
      例如var num1=5 ---> var num1="123" 相当于把num1这个变量销毁掉,重新创建一个变量num1出来,在把值"123"保存到变量中

    引用数据类型·:

    • 可以属性方法的增删
    • 如果给变量赋值相当于重新创建一个变量
    • 如果是修改某一属性,解释器会顺着变了保存的内存地址,找到堆内存的值然后进行修改。

    复制变量值

    基本数据类型:

    var num1=123;
    var num2=num1;
    
    • 创建了一个变量num2,给num2进行赋值的操作
    • 创建num2和num1是相互独立的

    引用数据类型:

    var obj1=new Object();
    var obj2=obj1;
    
    • 创建obj2,给obj2进行赋值操作,只是把obj1的内存地址复制一份给obj2

    函数的参数传递

    • js解释器对于参数类型是不关心的
    function add(a,b){
    
    return a+b
    }
    a,b可以为number,string等等
    
    
    • 参数是以数组的形式传递的,参数的数量就无所谓了。
    function add(){
    return arguments[0]+arguments[1]
    }
    
    • 参数的一个作用,方便使用。。。
    • 当一个变量进行函数参数传递的时候,这个时候所有参数都是按值传递。

    基础数据类型:count=20,传参的时候, 相当于将20赋值给num,所以count和num是毫无关系的,互不影响。

    引用类型
    函数外的变量是全局变量,而复制出的参数是局部变量,作用范围是函数内部,这和复制引用类型是完全相同的,事实并不是这样。。。
    本质

    1. 对局部变量的属性进行修改,过程是这样子,首先解释器先访问局部变量,发现是引用类型,通过引用找到堆内存的值进行修改,这种修改对外部变量保存的引用没有任何影响,只不过函数里面修改堆内存值的时候,外部变量保存的还是这个内存,所以内部修改,外部就修改
    2. 直接对局部变量本身进行修改,对obj进行修改,obj指向不是原来的堆内存,而是另一个,这个时候它变成了一个新的局部变量,它的作用范围就是定义这个函数的作用范围,而且在这个函数执行完事,这个局部变量就销毁掉了。
    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="zhx"   //内部变量
    }
    var person = new Object()  //外部变量
    setName(person) 
    alert(person) // "zhx"
    
    function setName(obj){
    obj.name="zhx"
    obj=new Object()
    obj.name="xxx"
    }
    var person = new Object()  //外部变量
    setName(person) 
    alert(person) // "zhx"
    

    相关文章

      网友评论

          本文标题:第四章 变量

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