首页 > 其他分享 >class的类继承

class的类继承

时间:2023-02-20 11:44:13浏览次数:24  
标签:console log 继承 price class brand size

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
<script>
    class Phone{
        // 构造方法
        constructor(brand,price){
            this.brand = brand
            this.price = price
        }
        // 父类的成员属性
        call(){
            console.log("我可以打电话");
        }
    }
    class SmartPhone extends Phone{
        // 构造方法
        constructor(brand,price,color,size) {
            super(brand,price);
            this.color = color;
            this.size = size;
        }
        // photo(){
        //     console.log("拍照")
        // }
        // playGame(){
        //     console.log("玩游戏");
        // }
    }
    
    const xiaomi = new SmartPhone('小米',799,'黑色','4.7inch')
    console.log(xiaomi);
</script>
    </body>
</html>

 

 

 

标签:console,log,继承,price,class,brand,size
From: https://www.cnblogs.com/0722tian/p/17136775.html

相关文章

  • ES5构造函数继承
      <!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title></head><body><script>functionPh......
  • class的静态成员
     <script>//ES5//手机类//functionPhone(brand,price){//this.brand=brand;//this.price=price;//}//Phone.ph......
  • 实现方法继承 js 230220
    需求让子对象可用父方法让子构造指向父构造存在的问题如果给子构造的原型添加独有方法会影响到父构造的原型与实际需求的逻辑不符合问题复现代码:functionAnimal(){thi......
  • class介绍初体验
     <!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title></head><body><script>classShouji{......
  • 如何理解 少用继承,多用组合
    HeadFirst设计模式一书中,开篇就提到了这个有趣的点:  当我们想让鸭子能飞的时候,首先跳出来的想法是给鸭子类增加一个fly()方法,然后所有的子类直接继承完事;结果,有一个......
  • python中的类继承
    """"""classAnimal(object):def__init__(self,name,food):self.name=nameself.food=foodself.blood=100self.waise......
  • 根据ID,class 选择元素
    $('frame_left').select('.pro_navli')[3].addClassName('cur');表示获取id为frame_left的元素下的某个class为pro_nav的下面的第4个li元素添加class为cur......
  • Springboot启动报错:Correct the classpath of your application so that it contains
    报错信息:***************************APPLICATIONFAILEDTOSTART***************************Description:Anattemptwasmadetocallamethodthatdoesnotexist......
  • 多继承与虚继承
    多继承与虚继承多继承的语法:class派生类名:[继承方式1]基类名1,[继承方式2]基类名2,......{派生类新增加的成员};虚继承可以解决菱形继承的二义性和数据......
  • 继承的对象模型
    继承的对象模型1)创建派生类对象时,先调用基类的构造函数,再调用派生类的构造函数。2)销毁派生类对象时,先调用派生类的析构函数,再调用基类的析构函数。如果手工调用派生类的......