Javascript深拷贝浅拷贝

最新推荐文章于 2024-07-29 13:58:45 发布

L128.

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量113

点赞数 3

文章标签： javascript js html css

本文链接：https://blog.csdn.net/qq_53683271/article/details/115458688

版权

Javascript深拷贝浅拷贝

代码实现

<!DOCTYPE html>
<html>
<head>
    <title>深拷贝  浅拷贝</title>
</head>
<body>
    


<script>

    let obj={
        name:"lyh",
        age:20,
        
    }
    let hd=Object.assign({},obj);  //浅拷贝
    let hd={...obj};    //浅拷贝
    hd.name="Lyh";
    // console.log(JSON.stringify(hd,null,2));
    // console.log(JSON.stringify(obj,null,2));

    let objc={
        name:"ly",
        age:18,
        show:{
            title:"( $ _ $ )"
        },
        arr:[]
    }
    //深拷贝 就是 有多层的类型  属性有对象  有数组    属性是对象 需要类似与递归法

    function copy(obj) {
        let res=obj instanceof Array ? [] :  {}; //判断传入的类型 并选择接收的类型
        for (const [k,v] of Object.entries(obj)) {    //运用object.entries 属性给obj对象 变成 有索引 有值的 数组； 然后用解构 进行 key 和value 的赋值；
            res[k]= typeof v=="object"?copy(v):v; //判断属性值 是不是对象类型 是对象 重新调用一遍 赋值；
        } 
        return res;
    }

    let xj=copy(objc);
    console.log(JSON.stringify(objc,null,2));
    console.log(JSON.stringify(xj,null,2));
    //工厂函数

    function user(name,age) {
        return{
            name,
            age,
            show(){
                console.log(this.name+this.age)
            }
        }
    }
    let lyh=new user("Lyh",20);
    lyh.show();
    // user("Lyh",20).show();
    
// 构造函数
    function User(name,age) {
        this.name=name;
        this.age=age;
        this.showtime=function(){
           console.log(this.name+this.age);
        };
    }
  let ly=new User("Lyh",18);
  ly.showtime();

  function User1(name,age) {
      let date={name,age};
      let info=function () {
          return date.age>50?"中年":"青年";
      };
      this.show=function(){
          return console.log(info());
      }
  }
let l1=new User1("Lyh",18);
l1.show();
</script>
</body>
</html>

L128.

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Javascript深拷贝浅拷贝

Javascript深拷贝浅拷贝代码实现<!DOCTYPE html><html><head> <title>深拷贝浅拷贝</title></head><body> <script> let obj={ name:"lyh", age:20, } let hd=Object.assign({},ob
复制链接

扫一扫