深拷贝浅拷贝，原型，类型校验，递归深拷贝

最新推荐文章于 2022-11-16 23:46:16 发布

2c不高兴

最新推荐文章于 2022-11-16 23:46:16 发布

阅读量1.1w

点赞数 1

分类专栏： es6/es5/git 文章标签： javascript

本文链接：https://blog.csdn.net/Blackcat0/article/details/112587118

版权

es6/es5/git 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1.prototype

每个函数都有一个prototype属性，被称为显示原型

2.`proto`

每个实例对象都会有__proto__属性，其被称为隐式原型
每一个实例对象的隐式原型__proto__属性指向自身构造函数的显示原型prototype

3.constructor

每个prototype原型都有一个constructor属性，指向它关联的构造函数。

4.原型链

获取对象属性时,如果对象本身没有这个属性，那就会去他的原型__proto__上去找，如果还查不到，就去原型的原型，一直找到最顶层(Object,prototype)为止.Object.prototype对象也有__proto__属性值为NULL

这里需要注意的是Object是属于原型链的顶层，所有构造函数的的prototype都指向 Object.prototype

在这里插入图片描述

一、typeof [value]

用途：检测数据类型的运算符；

细节点：

特点：typeof检测出的结果都是小写字符串形式，包含对应的数据类型，所以typeof typeof []结果就是typeof “object”==》“string”；

**特点：NaN/Infinity都是数字类型，检测结果正常是 “number”；

弊端：typeof null的结果是"object"（这是浏览器的bug，因为所有值在计算中都是二进制编码存储，浏览器默认把前三位是000的当做对象，null的二进制编码前三位是000，所以被误当做对象判断；

Object.prototype.proto==null;Object（最高层）类的原型对象的原型就是指向null）；
弊端：typeof 普通对象/数组对象/正则对象…结果都是"object"，所以 typeof 方法不能更细地分辨属于哪种对象。**

if( x != null && typeof x == 'object' ){//当x是任意对象时进行操作}
typeof(function(){}) //= "function"

二、instanceof

用途：检测某一个实例是否属于这个类；

三、constructor

用途：检测实例和类的关系，从而检测数据类型，实例的原型_proto_与类的原型对象指向一样，类的原型对象上有constructor属性指向类本身；

四、Object.prototype.toString.call( [value] )

用途：借助Object类的原型对象属性检测类型；

**深拷贝和浅拷贝的区别

1.浅拷贝：将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用
2.深拷贝：创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”
为什么要使用深拷贝？
我们希望在改变新的数组（对象）的时候，不改变原数组（对象）**

递归深拷贝

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>
    let data = [1, 2, 3, 4, { name: '小明' }]
    function deepClone(data) {
        // 判断data是否是对象
        if (typeof data == 'object') {
            console.log(data)
            // 如果data是数组deepdata就是数组，如果是对象，他就是对象
            let deepData = data instanceof Array ? [] : {};
            for (let key in data) {
                // 赋值 ：如果他是对象  就在调用递归如果不是直接赋值
                deepData[key] = typeof (data[key]) == 'object' ? deepClone(data[key]) : data[key]
            }
            return deepData
        }
        return data
    }

    var data2 = deepClone(data)
    data[0] = 2
    data[4].name = '小红'
    console.log(data2)
</script>

2c不高兴

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
深拷贝浅拷贝，原型，类型校验，递归深拷贝

1.prototype每个函数都有一个prototype属性，被称为显示原型2.__proto__每个实例对象都会有__proto__属性，其被称为隐式原型每一个实例对象的隐式原型__proto__属性指向自身构造函数的显示原型prototype3.constructor每个prototype原型都有一个constructor属性，指向它关联的构造函数。4.原型链获取对象属性时,如果对象本身没有这个属性，那就会去他的原型__proto__上去找，如果还查不到，就去原型的原型，一直找到最顶
复制链接

扫一扫