4.4JS中的原型链

最新推荐文章于 2024-09-23 08:37:48 发布

CodeWhisperer001

最新推荐文章于 2024-09-23 08:37:48 发布

阅读量62

点赞数

分类专栏： javaScript 文章标签： javascript Powered by 金山文档

本文链接：https://blog.csdn.net/wei7a7a7a/article/details/128536610

版权

javaScript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

文章通过创建Person构造函数展示了JavaScript中的原型概念。每个对象都有一个_proto_属性，构成原型链，使得实例可以访问到构造函数及其原型上的属性和方法。通过在Object.prototype上添加属性和方法，所有对象（包括Person实例p1和p2）都能访问这些新增特性。示例代码中，Person实例调用了eat和sleep方法，显示了原型链的工作机制。

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

一个类的原型是一个Object类的对象,也就是说,原型也有一个_proto_属性,指向Object的原型对象,那么也就是说 Person prototype中没有的属性和方法会继续向Object prototype去找,也就是说,我们在Object原型中添加的属性和方法,我们在person1和person2中也可以使用.那么这种连续的 _proto_属性指向就形成了原型链

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script>
                        // 准备一个构造方法 
                        function Person(pname,page){
                                this.pname=pname;
                                this.page=page;
                                
                                this.eat=function(food){
                                        console.log(this.page+"岁的"+this.pname+"正在吃"+food);
                                }	
                        }
                        
                        
                        // 给所有的对象增加属性和方法
                        //给最终原型增加属性
                        Object.prototype.gender="男";
                        //给Person的原型增加一个方法
                        Object.prototype.sleep=function(){
                                console.log(this.page+"岁的"+this.gender+"孩儿"+this.pname+"正在睡觉");
                        }
                        var p1=new Person("张三",10);
                        p1.eat("蛋挞")
                        p1.sleep();
                        
                        var p2=new Person("李四",8);
                        p2.eat("牛角面包")
                        p2.sleep()
                        
                        
                        console.log(p1);
                        
                        console.log(p2);
                </script>
        </head>
        <body>
        </body>
</html>