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>