首页 > 编程语言 > 详细

Javascript高级学习笔记3--原型及原型链2

时间:2020-04-04 20:41:21      阅读:76      评论:0      收藏:0      [点我收藏+]

实例对象属性和原型对象属性重名问题:

<script type="text/javascript">
        function Person(age,sex){
            this.age=age;
            this.sex=sex;
        };
        Person.prototype.sex="女";
        var per  = new Person(10,"男");
        console.log(per.sex);

        //实例对象访问属性,先从实例对象中找,后从原型对象中找,如果找不到则返回undefined
        //不能通过实例对象改变原型对象的值
        //如果要改变原型对象中的值: 原型对象.属性名=值
        per.sex="太监"; //改变的是实例对象的值
        console.log(per.sex);
        console.dir(per);
    </script>

技术分享图片

页面元素原型链:

<script type="text/javascript">
        var divObj = document.getElementById("div");
        console.dir(divObj);
    </script>
            divObj的__proto__-->
            HTMLDIVElement.prototype的__proto__-->
            HTMLElement.prototype的__proto__-->
            Element.prototype的__proto__-->
            Node.prototype的__proto__-->
            EventTarget.prototype的__peoto__-->
            Object.prototype的__proto__-->null
            Object.prototype没有__proto__所以Object.prototype中的__proto__是null

 

Javascript高级学习笔记3--原型及原型链2

原文:https://www.cnblogs.com/guoguolt/p/12633653.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!