javascript 本地属性、继承属性、原型链

比眉伴天荒 2022-12-18 04:55 179阅读 0赞

1.  Javascript 具有本地属性（own property），也有一些属性是从原型对象继承而来的，称为继承属性。
    
        function Obj() { 
        	this.x = 10;		// 本地属性 own property
        }
        Obj.prototype.x = 0;	// 继承属性
        Obj.prototype.y = 1;	// 继承属性
        
        let o = new Obj();
        console.log(o)
    
    打印结果如下：  
    ![在这里插入图片描述][20201025164818578.png_pic_left]
2.  原型链（[一句话描述什么是原型链][Link 1]）  
    假设要查询对象o的属性y, 如果本地属性中不存在y, 那么会继续在o的原型对象中查找属性y。如果原型对象中也没有y，但这个原型对象也有原型，那么继续在这个原型对象的原型上执行查询，直到没找到y或者查找到一个原型是null的对象为止。 对象的原型属性构成了一个“链”。 通过这个“链”可以实现属性的继承。
    
     *  原型链上查找继承属性 `console.log(o.y) // 1`
     *  本地属性会屏蔽同名继承属性`console.log(o.x) // 10`
     *  新增基本数据类型的属性时，若与继承属性同名，会自动创建一个与继承属性无关的新本地属性 `o.y = 20; console.log(Obj.prototype.y) // 1`
     *  若继承属性为引用数据类型，修改其值会影响到原型上的属性
    
        Obj.prototype.list = [1,2,3];
        o.list[0] = 0;
        console.log(Obj.prototype.list); // [0, 2, 3]
3.  [属性检测的三种方法][Link 2]
4.  [属性遍历的三种方法][Link 3]

> [如何更好地理解Javascript对象的自有属性和原型继承属性][Javascript]

[20201025164818578.png_pic_left]: /images/20221122/0961fe5034b14630adc9e7c77f5c56ad.png
[Link 1]: https://blog.csdn.net/SJ1551/article/details/109365256
[Link 2]: https://blog.csdn.net/SJ1551/article/details/109286161
[Link 3]: https://blog.csdn.net/SJ1551/article/details/109287121
[Javascript]: https://segmentfault.com/a/1190000003057229