ES6【类的继承和模块化】

ES6【类的继承和模块化】
摘要由CSDN通过智能技术生成

一.类定义时注意的问题

1.类的属性和方法(函数):类可以有属性也可以没有属性,可以有方法也可以没有方法

2.类的属性时放在构造方法中初始化的,若类没有属性,可以不显示定义构造方法,此时,系统会自动生成一个无参的空的构造方法

二.类的继承

1.基本的概念:

(1)父类(基类):可以派生子类的类

(2)子类(派生类):由父类派生而来的类

2.面向对象的三大特性

(1)封装性:对象是属性和行为的封装体---数据安全

(2)继承性:子类可以继承父类的属性和方法---代码的复用

(3)多态性:同一个消息传递给不用对象,出现的效果不同---应用灵活、可以适应不同的需求

3.继承的实现

(1)ES5中继承的实现:没有类的概念

a.构造函数:构造函数名就是类名,在ES5中类的继承实际就是构造函数的继承

b.实现:通过call、apply、bind函数来实现构造函数的继承

//1.定义构造函数:
// 父类(基类)
function Father(name){
    this.name = name 
    this.age = 22
    this.display = function(){
        console.log('姓名:',this.name)
        console.log('年龄:',this.age)
    }
}
// 2.定义构造函数:子类
function Son(name){
    /* this代表上层对象(window),name参数传递给Father构造函数。
    等价于在Son函数中调用了Father函数:Son就具有了name和age属性(相当于从Father继承了name和                                age)*/
    Father.call(this,name)//函数劫持,在Son中通过call调用Father构造函数,将参数name传递给Father构造函数
     this.height = '186cm'//height是Son自己的属性
     this.show = function (){
         this.display()//j继承父类的display方法
         console.log('姓名:',this.name)
         console.log('年龄:',this.age)
         console.log('身高:',this.height)
     }
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值