美文网首页
进阶4 引用类型与对象拷贝

进阶4 引用类型与对象拷贝

作者: 512a36a11b8c | 来源:发表于2017-11-10 22:22 被阅读24次

    1. 引用类型有哪些?非引用类型有哪些

    引用类型值(对象、数组、函数、正则):指的是那些保存在堆内存中的对象,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象

    非引用类型指的事基本类型,指的是保存在栈内存中的简单数据段,如数值,布尔值、字符串、null和undefined

    2. 如下代码输出什么?为什么

    var obj1 = {a:1, b:2};
    var obj2 = {a:1, b:2};
    console.log(obj1 == obj2);
    //false,由于obj1与obj2所储存的位置不同,所以false。
    console.log(obj1 = obj2);
    //obj2赋值给obj1 输出 Object { a=1,  b=2} 内容。
    console.log(obj1 == obj2);
    //把obj2赋值给obj1,所以obj2与obj1存储的位置是一样的,所以为true。
    

    输出: false {a:1,b:2} true
    原因:
    obj1和obj2的指针地址不同,打印false;
    将obj2指针地址赋值给obj1,并打印对象;
    由于obj1和obj2的指针地址相同,打印true。

    3. 如下代码输出什么? 为什么

    var a = 1
    var b = 2
    var c = { name: '饥人谷', age: 2 }
    var d = [a, b, c]
    
    var aa = a
    var bb = b
    var cc = c
    var dd = d
    
    a = 11
    b = 22
    c.name = 'hello'
    d[2]['age'] = 3
    
    console.log(aa) 
    //输出 1,因为 var aa = a
    console.log(bb) 
    //输出 2 都是值传递,aa、a、bb、b都会开辟一个块属于自己的栈空间
    console.log(cc)
    //{name:'hello',age:3} 对象的赋值是引用传递,cc和c都是指向同一块堆内存。
    console.log(dd)
    //[1,2,{name:'hello',age:3}] 数组的赋值也是引用传递
    

    输出:1;2;object {name:"hello" age:3};[1,2,object{name:"hello" age:3}]
    原因:原因:aa的值不变,为原先的a的值。bb同理。d的第三个数存着c的指针,cc也存着c的指针,改变c指针下的内容,数组d和cc的内容同步,所以均为改变后的name:hello,age:3;而数组d也是对象,开辟了新的空间,保存的是a和b和原始值,对a和b的重新赋值并没有对数组指针下的a,b进行修改,所以仍然为1和2。

    4. 如下代码输出什么? 为什么

    var a = 1
    var c = { name: 'jirengu', age: 2 }
    
    function f1(n){
      ++n
    }
    function f2(obj){
      ++obj.age
    }
    
    f1(a) 
    //a = 1 ,会默认执行赋值动作,var n = a,属于值传递,++n时,a依旧保持原始值不变的。
    f2(c) 
    //c = {name:'jirengu',age:3}
    //会默认执行var obj = c
    //这时候它们都是指向同一块堆内存,当执行++obj.age时,对象c的age属性加一
    f1(c.age) 
    //取出c.age = 3 默认执行var n = 3.不会影响c.age
    console.log(a) 
    //1
    console.log(c)
    //{name:'jirengu',age:3}
    

    输出:1;object{name: "jirengu",age: 3}
    原因:a的值传递给n,n的内存和a的内存不是一个地址,所以n自增后不改变a,同样执行f1(c.age)时也不改变c.age。而对象作为参数时,传递的是地址值,f(2)执行的语句改变了该地址下的内容,使age自增1。所以f2(c)执行结束后改变了c.age由2变为了3。

    5. 过滤如下数组,只保留正数,直接在原数组上操作

    var arr = [3,1,0,-1,-3,2,-5];
    function filter(arr) {
        for(var i=0;i<arr.length;i++){
            if(arr[i]<=0){
                arr.splice(i,1);
                filter(arr);
            }
        }
    }
    filter(arr);
    console.log(arr);//[3, 1, 2]
    

    6. 过滤如下数组,只保留正数,原数组不变,生成新数组

    var arr = [3,1,0,-1,-3,2,-5]
    function filter(array){
        return array.filter(function (argument) {
            return argument > 0
        })
    }
    var arr2 = filter(arr)
    console.log(arr2)//[3, 1, 2]
    console.log(arr)//[3, 1, 0, -1, -3, 2, -5]
    

    7. 写一个深拷贝函数,用两种方式实现

    迭代法:

    function deepCopy(obj){
        var newObj = {};
        for(key in obj){
            //需要对象自有属性,排除原型链上的属性
            if(obj.hasOwnProperty(key)){
                //如果是简单型值就直接拷贝
                if(typeof obj[key] === 'number'||typeof obj[key] === 'string'||typeof obj[key] === 'boolean'||obj[key] === undefined || obj[key] === null){
                    newObj[key] = obj[key];
                }else{
                    //如果obj[key]仍是引用类型数值,则对obj[key]执行递归操作,直到分解为简单值
                    newObj[key] = deepCopy(obj[key]);
                }
            }
        }
    }
    

    json法:

    function copy(obj){
    var obj1 = {}
    obj1 = JSON.parse(JSON.stringify(obj))
    return obj1
    }
    

    先利用JSON.stringify()将对象转换为字符串,再用JSON.parse()将字符串转换为对象,此时的对象与原对象就没有关系了

    //方法一
    function deepCopy(oldObj) {
        var newObj = {};
        for(var key in oldObj) {
            if(typeof oldObj[key] === 'object' && oldObj[key] !== null ) {
                newObj[key] = deepCopy(oldObj[key]);
            }else{
                newObj[key] = oldObj[key];
            }
        }
        return newObj;
    }
    //方法二
    //优点:简单方便,大多数时候可以满足需求
    //缺点:1.无法复制函数 2.原型链没了,对象就是object,所属的类没了。
    function deepCopy2(oldObj) {
        var newObj = {}
        newObj = JSON.parse( JSON.stringify(oldObj) )
        return newObj
    }
    

    相关文章

      网友评论

          本文标题:进阶4 引用类型与对象拷贝

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