ES5构造函数继承

 

 

复制代码
<!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>
复制代码

 

 

posted @   罗砂  阅读(10)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示