Javascript类继承浅析

本文探讨了JavaScript中的继承机制,包括属性继承、原型继承及组合继承的方式,并深入解析了原型链的工作原理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

高级语言基本上都有类的概念,而javascript因为各种原因相对比较特别,并没有明确的class类声明方式(ES6暂不涉及),而是通过构造函数变相实现。推荐《javascript高级程序设计》,对类继承有详细介绍。书中涉及继承方式多达数种,意味着继承的灵活性。但灵活性,有时也意味着复杂性。总结来说,继承方案本文介绍两种即可覆盖大部分场景。

关于原型链

关于原型链,花了很久才搞明白。javascript的世界,可以认为变量皆对象。当声明一个普通变量,即可调用多种方法。

love = ['one', 'two', 'three']
["one", "two", "three"]
love.slice(1,2)
["two"]
Object.keys(love)
["0", "1", "2"]

这里声明一个数组,即可调用slice方法。既然未手工定义slice方法,为么能够使用,就需要需要提到原型继承。

对象可访问变量由两部分构成,属性和原型对象。属性优先级高于原型对象,如上所述,love数组的属性为"0", "1", "2",当调用slice方法时,会先在属性里面寻找slice键对应的值,此例中显然不存在。未找到,则到原型对象中寻找。love变量的原型对象即为Array.prototype,键命中,所以不会undefined。注意的一点,原型对象也是对象,即原型对象可能也存在原型对象,在原型对象中匹配键时,也遵循先属性,后原型的法则。这样的匹配方式就实现了原型链。

属性继承

某些场合中,不同类具备相同的属性,而没有需要共享的原型。举例来说,基于Person类实现Female类。假设Person属性为name,age;而Female类也需要有name,age属性,但是多个sex属性,既可以如下实现:

function Person(name, age) {
    this.name = name;
    this.age = age;
};

function Female(name, age) {
    this.name = name;
    this.age = age;
    this.sex = 'female';
};

function Female(name, age) {
    Person.call(this, name, age);
    this.sex = 'female';
};

两种Female具备共有的属性定义,主要功能是为了省代码。从一定意义上来说,Female, Person处于同一层级,并不符合继承字面义。

原型继承

某些场合中,子类与超类需要共享信息,就需要原型继承出场。假设organization类和employee类,不同公司有不同的公司信息,而同一公司内的员工则需要继承相同的公司信息。

function Organization(boss, belief) {
    this.boss = boss;
    this.belief = belief;
};

function Employee(name, age) {
    this.name = name;
    this.age = age;
};

让不同的员工共享相同的公司信息可以如下实现:

// first solution
Employee.prototype = new Organization('bruce wayen', 'make business easy');
Employee.prototype.constructor = Employee;

// second solution
Employee.prototype.boss = 'bruce wayen';
Employee.prototype.belief = 'make business easy';

值得注意的点在于,如果Organization不是某一超类的子类的话,两种方式没有任何差异。两种prototype具备相同的三个属性,且__proto__指针都指向Function.prototype

如果OrganizationGroup的子类,那么第一种方式,

function Group() {
    this.label = 'Group';
};

function Organization(boss, belief) {
    this.boss = boss;
    this.belief = belief;
};

Organization.prototype = new Group();
Organization.prototype.constructor = Organization;

function Employee(name) {
    this.name = name;
};

Employee.prototype = new Organization('bruce wayen', 'make business easy');
Employee.prototype.constructor = Employee;

Employee同时具备访问Group内部变量的能力,此时原型对象__proto__指针指向Group.prototype。那么所有的employee.label即为Group

从一定意义上来说,这种处理方式,EmployeeOrganization更高一级,可访问变量出自身属性外,还包含Organization可访问的所有键值,比较符合继承的字面意。

组合继承

组合继承可以认为是以上两种组合实现。组合继承从一定程度上来说,就是类之间的深拷贝,两者具有完全相同的原型对象,也存在一些共有的属性,依旧拿Person, Female举例:

function Person(name, age) {
    this.name = name;
    this.age = age;
};

function Female(name, age) {
    Person.call(this, name, age);
    this.sex = 'female';
};

Female.prototype = Person.prototype;
Female.prototype.constructor = Female;

如果你使用Nodejs的话,会不会觉得Female的定义有点熟悉,看下面代码:

var Orchestrator = require('orchestrator');

function Gulp() {
  Orchestrator.call(this);
}
util.inherits(Gulp, Orchestrator);

上面继承属性,下面继承原型。

总结

记录比较零散,如有机会,阅读《javascript高级程序设计》可以收获更多,暂且记录到这里。

内容概要:本文详细介绍了如何使用STM32微控制器精确控制步进电机,涵盖了从原理到代码实现的全过程。首先,解释了步进电机的工作原理,包括定子、转子的构造及其通过脉冲信号控制转动的方式。接着,介绍了STM32的基本原理及其通过GPIO端口输出控制信号,配合驱动器芯片放大信号以驱动电机运转的方法。文中还详细描述了硬件搭建步骤,包括所需硬件的选择与连接方法。随后提供了基础控制代码示例,演示了如何通过定义控制引脚、编写延时函数和控制电机转动函数来实现步进电机的基本控制。最后,探讨了进阶优化技术,如定时器中断控制、S形或梯形加减速曲线、微步控制及DMA传输等,以提升电机运行的平稳性和精度。 适合人群:具有嵌入式系统基础知识,特别是对STM32和步进电机有一定了解的研发人员和技术爱好者。 使用场景及目标:①学习步进电机与STM32的工作原理及二者结合的具体实现方法;②掌握硬件连接技巧,确保各组件间正确通信;③理解并实践基础控制代码,实现步进电机的基本控制;④通过进阶优化技术的应用,提高电机控制性能,实现更精细和平稳的运动控制。 阅读建议:本文不仅提供了详细的理论讲解,还附带了完整的代码示例,建议读者在学习过程中动手实践,结合实际硬件进行调试,以便更好地理解和掌握步进电机的控制原理和技术细节。同时,对于进阶优化部分,可根据自身需求选择性学习,逐步提升对复杂控制系统的理解。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值