js day21 对象02

六、对象的浅克隆

现在希望得到person对象的克隆对象，这两个对象的属性都相同。修改其中一个对象的时候不会影响另外一个对象

var student={
    name:'jack',
    age:18,
    sex:'male'
}

function clone(){
    var student2={};
    for(var key in student){
        student2[key]=student[key];
    }
    return student2;
}
var student2=clone();
console.log(student2);
//修改student中的属性,student2中的属性不会跟着变
student.name='rose';
console.log(student);
console.log(student2)

在上面的代码中，我们成功复制了student,当我们修改student的时候，student2不会改变。但是在上面的例子中，对象的所有属性值都是原始类型，如果将对象换成下面的对象

var student={
    name:'jack',
    age:18,
    sex:'male',
    friend:['lily','lucy']
}

function clone(){
    var student2={};
    for(var key in student){
        student2[key]=student[key];
    }
    return student2;
}
var student2=clone();
console.log(student2);
student.friend[0]='rose';
console.log(student.friend);
console.log(student2.friend)

然后再用我们的clone方法克隆这个对象，就会发现，当我们改变friends属性的时候，两个对象都会改变。所以这样的clone方法只能叫“浅度克隆”。

七、对象的深度克隆

如果克隆的对象所有属性值都是原始类型，这样的方法是没有问题的，但是如果对象的属性有引用类型，那么我们克隆的对象属性值存储的引用是指向同一个对象的，这样就没有完全实现对象的克隆，两个对象仍然存在关系，我们可以通过递归函数来实现对象的深度克隆

var student={
    name:'jack',
    age:18;
    friend:['lily',lucy]
}

function clone(obj){
    var newObj=obj instanceof Array?[]:{};
    for(var key in obj){
        if(obj[i] instanceof Object){
            newObj[i]=clone(obj[i]);
        }else{
            newObj[i]=obj[i];
        }
    }
    return newObj;
}
           
var newObj=clone(student);
student.friend[0]='rose';
console.log(student.friend[0]);
console.log(newObj.friend[0]);

八、递归函数

1)编写一个函数n,调用这个函数时，倒叙输出1-n之间的所有正整数。比如输入5，会输出5,4,3,2,1

function print(n){
    for(var i=n;i>0;i--){
         console.log(i);
    }
}
print(5);

2)递归：在函数内再次调用该函数

function show(n){
    console.log(n);
    if(n>1){
        show(--n);
    }
}
show(5);

3)计算阶乘

5的阶乘：54321
用for循环的方式

function count(n){
    var result=1;
    for(var i=n;i>0;i--){
        result=result*i;
    }
    return result;
}
console.log(count(5));

用阶乘的方式

function counts(n){
    if(n==1){
        return n;
    }else{
        return n*count(n-1);
    }
}
console.log(count(5));