js中有了for...in ，为啥还要再判断hasOwnProperty

小桐学前端

已于 2023-02-15 17:25:06 修改

阅读量221

点赞数 1

文章标签： javascript 前端开发语言

于 2023-02-15 17:24:27 首次发布

本文链接：https://blog.csdn.net/liu12333322/article/details/129047261

版权

for...in循环会遍历对象及其原型链上的可枚举属性。hasOwnProperty方法用于判断属性是否属于对象本身而非原型链。文章讨论了这个知识点在实现深拷贝函数deepClone中的应用，该函数递归复制对象，忽略原型链上的属性。

摘要由CSDN通过智能技术生成

总结：

一句话概括：for…in 的遍历范围包括它的原型链

接下来是解释：

var arr = {
	a: "lv1",
	__proto__: {
		b: "lv2",
		__proto__: {
			c: "lv3",
			__proto__: {
				c: "lv4",
			}
		}
	}
}

for(const key in arr) {
	console.log(key, arr[key])
};

// a lv1
// b lv2
// c lv3

hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。
也就意味着原型链上的不算

这个知识点主要用于深拷贝

 function deepClone(obj) {
        if (typeof obj != 'object') return obj;
        var temp = Array.isArray(obj) ? [] : {};
        for (let key in obj) {
            if (obj.hasOwnProperty(key)) {
                if (obj[key] && typeof obj[key] == 'object') { // 如果obj[key]还是对象则执行递归
                    temp[key] = deepClone(obj[key]); // 递归
                } else {
                    temp[key] = obj[key];
                }
            }
        }
        return temp;
    }