首页 > 其他分享 > ES5构造函数继承

ES5构造函数继承

时间:2023-02-20 11:34:03浏览次数:39  
标签:function ES5 SmartPhone console 继承 price prototype brand 构造函数

 

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
            function Phone(brand,price){
                this.brand = brand
                this.price = price
            }
            
            Phone.prototype.call = function(){
                console.log("我可以打电话");
            }
            
            // 智能手机
            function SmartPhone(brand,price,color,size){
                Phone.call(this,brand,price)
                this.color = color;
                this.size = size;
            }
            
            // 设置子级构造函数的原型
            SmartPhone.prototype= new Phone;
            SmartPhone.prototype.constructor = SmartPhone;
            
            // 声明子类的方法
            SmartPhone.prototype.photo = function(){
                console.log('我可以拍照');
            }
            
            SmartPhone.prototype.playGame = function(){
                console.log('我可以拍照');
            }
            const chuizi = new SmartPhone('锤子',2499,'黑色','5.5inch')
        
            console.log(chuizi);
        </script>
    </body>
</html>

 

 

标签:function,ES5,SmartPhone,console,继承,price,prototype,brand,构造函数
From: https://www.cnblogs.com/0722tian/p/17136715.html

相关文章

  • 实现方法继承 js 230220
    需求让子对象可用父方法让子构造指向父构造存在的问题如果给子构造的原型添加独有方法会影响到父构造的原型与实际需求的逻辑不符合问题复现代码:functionAnimal(){thi......
  • 如何理解 少用继承,多用组合
    HeadFirst设计模式一书中,开篇就提到了这个有趣的点:  当我们想让鸭子能飞的时候,首先跳出来的想法是给鸭子类增加一个fly()方法,然后所有的子类直接继承完事;结果,有一个......
  • python中的类继承
    """"""classAnimal(object):def__init__(self,name,food):self.name=nameself.food=foodself.blood=100self.waise......
  • 多继承与虚继承
    多继承与虚继承多继承的语法:class派生类名:[继承方式1]基类名1,[继承方式2]基类名2,......{派生类新增加的成员};虚继承可以解决菱形继承的二义性和数据......
  • 继承的对象模型
    继承的对象模型1)创建派生类对象时,先调用基类的构造函数,再调用派生类的构造函数。2)销毁派生类对象时,先调用派生类的析构函数,再调用基类的析构函数。如果手工调用派生类的......
  • 为什么子进程要继承处理器亲缘性?
    请先考虑一个典型的程序为什么需要启动一个子进程。(当然资源管理器不算一个典型的程序)这是因为手头的任务被分解为子任务,无论出于何种原因,这些子任务都被放入子流程中。......
  • es5中的对象定义方式 三种 js 230218
    第一种使用Object构造方法第二种直接使用花括号定义第三种使用构造方法第四种详情等es6的知识点......
  • C++继承--公有继承
    C++继承--公有继承#include<iostream>#include<cstdio>usingnamespacestd;classStudent{//基类public:voidget_value();voiddisplay();private:intnu......
  • c++继承---私有继承
    私有继承   在声明一个派生类的时候将基类的继承方式指定为private的,称为私有继承,用私有继承方式建立的派生类称为私有派生类,其基类称为私有基类.私有继承中的......
  • JS原型链继承
    functionParent(){this.name='red';this.eat=function(){console.log('走这里了吗')}}Parent.prototype.start=function(){console.lo......