Javascript实现面向对象继承

Javacript继承实现

原型链

在这里插入图片描述

实现继承

子类构造函数调用时同时调用父类构造函数,并将父类构造函数作用域的this指向子类构造函数的this

  <script>
        //子类构造函数调用父类构造函数的继承实现方法
function Super(){   //父类构造函数
    this.val = 1;
    this.arr = [1];
}
function Sub(){ //子类构造函数
    // 子类公共变量
    Super.call(this);//完成继承,改变作用域指向
}  
var sub1 = new Sub();  //子类实例如果想要继承父类的公共变量,只需要让构造子类实例时调用父类构造函数,并将this指向新对象就可以了
console.log(sub1);
    </script>
  1. 原型链继承
    使用父类实例对象充当子类的原型对象属性
 <script>
        function Super(){ 
    this.val = 1;
    this.arr = [1];
}
function Sub(){
    // 子类公共变量
}  
Sub.prototype = new Super();    // 核心:拿父类实例来充当子类原型对象
var sub1 = new Sub();
var sub2 = new Sub();
sub1.val = 2;
sub1.arr.push(2);
console.log(sub1.val);    // 2,改了
console.log(sub2.val);    // 1,没改,只能改自己的
console.log(sub1.arr);    // 1, 2改变了数组
console.log(sub2.arr);    // 1, 2  

*问题
(1)继承到了修改后的 来源是一个对象Object 值类型数据指向同一个数组对象,一改全改不好用,有局限性
(2)不能通过子类构造函数实例化修改父类的成员变量—不能向父类实例对象传参

补充:构造函数实例化传参

//方便修改

2.借用父类构造函数实现继承
优化:可以向父类构造函数传参的问题
不用同一个对象指向

    <script>
        // 实现向父类构造函数的传参问题
        function Super(val){   //可以传参
    this.val = val;
    this.arr = [1];
    this.fun = function(){}
}
function Sub(val){
    
    // 用了不同数组,也实现了同一对象的混淆性
    Super.call(this, val);   // 核心:借父类的构造函数来增强子类实例(把父类的实例属性复制了一份给子类实例装上了)
    //this指的是实例化出来的对象
    // 子类公共变量
}
var sub1 = new Sub(1);
var sub2 = new Sub(2);
sub1.arr.push(2);
console.log(sub1.val);    // 1
console.log(sub2.val);    // 2
console.log(sub1.arr);    // 1, 2   //子类对象型数据不再公用
console.log(sub2.arr);    // 1
alert(sub1.fun === sub2.fun);   // false
    </script>

存在的问题:
实例方法一对一冗余
3.组合式继承

最常用的

把实例函数都放在原型对象上
*考虑兼容性的情况下

<script>
        // 考虑兼容性
        function Super(val){ // 只在此处声明基本属性和引用属性
    this.val = val;
    this.arr = [1];
}
//函数写在原型对象上
Super.prototype.fun1 = function(){}; //  在此处声明函数
Super.prototype.fun2 = function(){}; //  把实例函数都放在原型对象上
//其他原型对象上的方法
function Sub(val){
    Super.call(this,val);   // 核心,保留借用构造函数方式的优点,让子类继承父类的基本属性和引用属性
    // 子类公共变量
}
Sub.prototype = new Super();    // 核心,子类继承父类函数,实现函数复用
var sub1 = new Sub(1);
var sub2 = new Sub(2);
console.log(sub1.fun1 === sub2.fun1);   // true   共用同一个函数
    </script>

*声明函数啥都不发生,仅声明
子类的属性:自己的+原型链得来的 val,arr,fun1,fun2------查找时候先找自己的再找原型链的
瑕疵:同样属性给两份,浪费了内存

4.寄生组合式继承
*解决内存浪费问题
完美但不常用

 <script>
        function beget(obj){ // 生孩子函数,返回一个将参数对象作为原型对象的函数的实例
    var F = function(){};
    F.prototype = obj;
    return new F();//对象的构造器
}
function Super(){ // 只在此处声明基本属性和引用属性
    this.val = val;
    this.arr = [1];
}
Super.prototype.fun1 = function(){}; //  在此处声明函数
function Sub(){
    Super.call(this);   // 核心,保留借用构造函数方式的优点,让子类继承父类的基本属性和引用属性
    // 获取父类的成员变量
}
var proto = beget(Super.prototype); // 核心:用beget方法切掉了原型对象上多余的那份父类实例属性
proto.constructor = Sub;            // 核心:将子类构造函数赋予beget出的对象的constructor属性
Sub.prototype = proto;              // 核心:将beget出的对象赋予子类构造函数的prototype属性
var sub = new Sub();
console.log(sub.val);
console.log(sub.arr);
    </script>

!!! 转载请注明出处

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
东南亚位于我国倡导推进的“一带一路”海陆交汇地带,作为当今全球发展最为迅速的地区之一,近年来区域内生产总值实现了显著且稳定的增长。根据东盟主要经济体公布的最新数据,印度尼西亚2023年国内生产总值(GDP)增长5.05%;越南2023年经济增长5.05%;马来西亚2023年经济增速为3.7%;泰国2023年经济增长1.9%;新加坡2023年经济增长1.1%;柬埔寨2023年经济增速预计为5.6%。 东盟国家在“一带一路”沿线国家中的总体GDP经济规模、贸易总额与国外直接投资均为最大,因此有着举足轻重的地位和作用。当前,东盟与中国已互成为双方最大的交易伙伴。中国-东盟贸易总额已从2013年的443亿元增长至 2023年合计超逾6.4万亿元,占中国外贸总值的15.4%。在过去20余年中,东盟国家不断在全球多变的格局里面临挑战并寻求机遇。2023东盟国家主要经济体受到国内消费、国外投资、货币政策、旅游业复苏、和大宗商品出口价企稳等方面的提振,经济显现出稳步增长态势和强韧性的潜能。 本调研报告旨在深度挖掘东南亚市场的增长潜力与发展机会,分析东南亚市场竞争态势、销售模式、客户偏好、整体市场营商环境,为国内企业出海开展业务提供客观参考意见。 本文核心内容: 市场空间:全球行业市场空间、东南亚市场发展空间。 竞争态势:全球份额,东南亚市场企业份额。 销售模式:东南亚市场销售模式、本地代理商 客户情况:东南亚本地客户及偏好分析 营商环境:东南亚营商环境分析 本文纳入的企业包括国外及印尼本土企业,以及关上下游企业等,部分名单 QYResearch是全球知名的大型咨询公司,行业涵盖各高科技行业产业链细分市场,横跨如半导体产业链(半导体设备及零部件、半导体材料、集成电路、制造、封测、分立器件、传感器、光电器件)、光伏产业链(设备、硅料/硅片、电池片、组件、辅料支架、逆变器、电站终端)、新能源汽车产业链(动力电池及材料、电驱电控、汽车半导体/电子、整车、充电桩)、通信产业链(通信系统设备、终端设备、电子元器件、射频前端、光模块、4G/5G/6G、宽带、IoT、数字经济、AI)、先进材料产业链(金属材料、高分子材料、陶瓷材料、纳米材料等)、机械制造产业链(数控机床、工程机械、电气机械、3C自动化、工业机器人、激光、工控、无人机)、食品药品、医疗器械、农业等。邮箱:market@qyresearch.com

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值