类与继承与静态属性和方法(ES5与ES6)

本文探讨了ES5和ES6中类的声明,包括ES5的function声明和ES6的专业class语法。讲解了setters和getters的使用,以及静态属性和方法的声明,强调了ES6中静态方法的简洁性和可读性。同时,文章还介绍了继承的概念,对比了ES5和ES6中实现继承的不同方式,指出ES6在提高开发效率和代码可读性方面的优势。
摘要由CSDN通过智能技术生成


Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。

这是摘自阮一峰老师的博客,这句话放在 ES5 可以说不为过,然而到了 ES6 这么说就已经不严谨了。因为 ES6 中已经有了专属的 class 语法了。

有的同学喜欢函数式的编程方式,有的同学喜欢面向对象的编程思维,我们今天不论长短,重点讲述怎么使用 ES6 的 class 语法完成面向对象的开发。

对于面向对象编程而言,更关注类的声明、属性、方法、静态方法、继承、多态、私有属性。

声明类

ES5中的class声明

首先我们要先来说明在 JavaScript 世界里如何声明一个 “类”。在 ES6 之前大家都是这么做的:

let Animal = function(type) {
   
    this.type = type
    this.walk = function() {
   
        console.log( `I am walking` )
    }
}

let dog = new Animal('dog')
let monkey = new Animal('monkey')

在上述代码中,我们定义了一个叫 Animal 的类,类中声明了一个属性 type、一个方法 walk;然后通过 new Animal 这个类生成实例,完成了类的定义和实例化。当然你也可以这样写:
推介这样写,因为上一个写法每次实例化对象都要实例化函数

let Animal = function(type) {
   
    this.type = type
}

Animal.prototype.walk = function() {
   
    console.log( `I am walking` )
}

let dog = new Animal('dog')
let monkey = new Animal('monkey')

ES6中的class声明

在 ES6 中把类的声明专业化了,不在用 function 的方式了,请看:

class Animal {
   
    constructor(type) {
   
        this.type 
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值