首页 > 其他分享 >4.4JS中的原型链

4.4JS中的原型链

时间:2023-01-03 17:46:11浏览次数:30  
标签:4.4 console Object JS Person pname 原型 page

  

一个类的原型是一个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>

 

标签:4.4,console,Object,JS,Person,pname,原型,page
From: https://www.cnblogs.com/2324hh/p/17022968.html

相关文章

  • 4.4JS中的原型链
    ​  一个类的原型是一个Object类的对象,也就是说,原型也有一个_proto_属性,指向Object的原型对象,那么也就是说Personprototype中没有的属性和方法会继续向Object ......
  • 四 JS中的对象
    ​ 4.1JS中的常用对象 JS中的常用对象JS基于对象的脚本语言,有类和对象,但是没有封装,继承,多态,Javascript中有一些浏览器直接识别并使用的对象,常见的对象有Arr......
  • 四 JS中的对象
    ​ 4.1JS中的常用对象 JS中的常用对象JS基于对象的脚本语言,有类和对象,但是没有封装,继承,多态,Javascript中有一些浏览器直接识别并使用的对象,常见的对象有Arr......
  • 4.2JS中自定义对象
    ​  JS中自定义对象JS除了一些常用方法和类以外,允许我们自己定义对象,在JS中自定义对象有三种可用的语法格式,分别为:1调用系统的构造函数创建对象2自定义构造函数......
  • 4.2JS中自定义对象
    ​  JS中自定义对象JS除了一些常用方法和类以外,允许我们自己定义对象,在JS中自定义对象有三种可用的语法格式,分别为:1调用系统的构造函数创建对象2自定义构造函数......
  • 2.4JS中的函数的使用
    ​  什么是JS的函数:类似于java中的方法,JS中也可以定义一些函数,java中的方法签名包含访问修饰符,返回值类型,方法名,参数列表,异常列表,但是JS中定义函数的语法相对......
  • 2.4JS中的函数的使用
    ​  什么是JS的函数:类似于java中的方法,JS中也可以定义一些函数,java中的方法签名包含访问修饰符,返回值类型,方法名,参数列表,异常列表,但是JS中定义函数的语法相对......
  • 1.2JS特点
    JS特点JS是运行在浏览器上的一种脚本语言1.脚本语言 脚本语言是一种简单的程序,规模小,不需要编译,运行快,是由一些ASCII字符构成,可以使用任何一种文本编辑器编写。脚本......
  • 1.3JS的引入方式
    ​ 内嵌式引入<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><!--内嵌式引入......
  • 1.3JS的引入方式
    ​ 内嵌式引入<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><!--内嵌式引入......