子构造函数继承父构造函数(es6)

最新推荐文章于 2022-04-23 00:20:17 发布
最新推荐文章于 2022-04-23 00:20:17 发布
阅读量152 收藏
点赞数
分类专栏： JS 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Donnien/article/details/117719074
版权
本文详细介绍了在ECMAScript 6（ES6）中如何使用`extends`关键字和`super`关键字来确保子构造函数继承父构造函数的属性和方法。通过实例解析了子类构造函数如何调用父类构造函数，以及如何在子类中正确地扩展和重写父类的功能。
摘要由CSDN通过智能技术生成 
// es6的属性有三种: 静态属性,私有属性,公有属性
class Person {
   
  // 静态属性/方法的定义 这些静态属性/方法只可以通过类来获取
  // 类的实例获取不到
  // es7可以直接定义静态属性
  // static age = 123;
  // es6只支持定义静态方法
  static age() {
   
    return 123;
  }

  /* es7定义的私有属性 */
  // year 
最低0.47元/天 解锁文章
Don_ixu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript从入门到放弃 -（二）继承
←か淡定☆ ヾ 的博客
07-20 140
目录1. Call()2.利用父构造函数继承属性 1. Call() 它的作用是： call()可以调用函数； call()可以修改函数运行时this的指向：使用call()的时候，参数1是修改后的this指向，参数2，参数3...使用逗号隔开连接。 fun.call(thisArg,arg1,arg2,...) 1) `thisArg`：当前调用函数`this`的指向对象； 2) arg1,arg2...：传递的其他普通参数。 在ES6之前并没有提供extends继承。我们可以通
JavaScript 原型继承之构造函数继承
10-28
JavaScript中的构造函数继承是基于原型继承的一种实现方式，它允许一个构造函数（子类）从另一个构造函数（父类）那里继承属性和方法。在JavaScript中，每个对象都有一个[[Prototype]]内部属性，通常通过`__proto__`...
ES6继承（类，构造函数）
wendZzoo的博客
01-15 1149
继承 ES5时代，原型继承 function Person(name,age){ this.name=name; //属性 this.age=age; } Person.prototype.showName=function(){ return this.name; } Person.prototype.showAge=function(){ ...
实现子构造函数对父构造函数的继承
m16041902的博客
08-31 324
方法一：仅继承父构造函数内部的属性和方法 function Father(uname, age) { this.name = uname; this.age = age; this.show = function() { return this.name + this.age; } } fu...
ES6继承以及构造函数继承总结
weixin_46176363的博客
06-29 453
bind bind通过给函数绑定所需要继承的对象，从而返回一个新的对象，新对象可以继承所绑定函数的属性和方法。（改变函数内部this指向完成继承） call,apply all和apply都是为了改变某个函数运行时的context即上下文而存在的，换句话说，就是为了改变函数内部this的指向。 call call的第一个参数是赋值给类中出现的this,第二个参数开始依次赋值给类中所接受的参数 function box(a,b){ console.log(this,a
es6继承
domBREAKPoint的博客
11-27 473
在es6里 一个子元素如何继承一个父元素的方法class Father{ run(){ console.log('runFather') } } class Child extends Father{} var c1 = new Child(); c1.run()//runFather一个extends搞定
基于构造函数的五种继承方法小结
12-08
拷贝继承是通过遍历父对象的`prototype`属性并复制到子对象的`prototype`中实现的： ```javascript function extend2(Child, Parent) { var p = Parent.prototype; var c = Child.prototype; for (var i in p)...
加入购物车动画(ES6构造函数)
04-18
在JavaScript的世界里，ES6（ECMAScript 2015）引入了许多新的特性，其中构造函数是面向对象编程中的一个重要概念。构造函数允许我们创建自定义类型，并且在实例化对象时执行特定的初始化操作。在这个场景中，"加入...
Javascript的构造函数和constructor属性
10-29
在 JavaScript 中，任何函数都可以作为构造函数，但通常我们会编写类（使用 ES6 引入的 class 关键字）来更直观地创建对象。 使用构造函数的一个基本示例如下： ```javascript function Person(name, age) { this...
JavaScript设计模式之构造函数模式实例教程
10-18
### JavaScript设计模式之构造函数模式 ...最后，需要注意的是，尽管在一些简单的JavaScript程序中构造函数模式非常实用，但在复杂的应用中，使用原型链、工厂模式、或者现代的ES6类语法可能会更加高效和清晰。
子父类中的构造函数
Vridis_h的博客
12-10 365
首先引入一个传智播客视频中的例子来帮助理解和记忆 eg class Fu { Fu() { System.out.println("fu run"); } } class Zi extends Fu { Zi() { System.out.println("zi run"); } }   class ExtendsDemo3 { public static v
子父类中构造函数
pengzhisen123的博客
11-08 336
子父类中的构造函数： 注：创建子类对象时，父类的构造函数也会运行。因为子类的构造函数默认第一行有一条隐式的语句，super();而super()会访问父类中空参数的构造函数。而且子类中所有的构造函数第一行默认都是supre(); public class Demo30 { public static void main(String[] args){ Cat c=new Cat();
ES6—13：利用构造函数继承父类属性
Always-Learning
02-18 337
子构造函数继承父构造函数的属性的实例
laravel框架 blade父类继承
weixin_43584903的博客
04-14 235
@include(‘common.header’) 包含子视图 @extends(‘article.common.base’) 继承基础模板 @yield(‘content’) 视图占位符 @section(‘content’) @endsection继承模板后向视图占位符中填入内容 {{-- 注释 --}} Blade模板中注释的使用 首先创建两个视图文件 后缀名里必须带.blade 在父类里编...
继承内部类的构造器问题
老紫竹的专栏
09-29 1565
代码如下：class Car {  class Wheel {  }}class PlaneWheel extends Car.Wheel {  PlaneWheel(Car car) {    car.super(); // 这句什么意思？为什么要这样写？  }  public static void main(String[] args) {    Car car = new Car();  
vue的父子构造器
liu1992452008的博客http://write.blog.csdn.net/configu
11-22 189
//创建子组件构造器 let child1= Vue.extend({ template:'' }) let child2=Vue.extend({ template:' ' }) //创建一个父级的组件 Vue.component('child' ,child1) Vue.component('parent' ,{compo
子构造函数继承父构造函数的属性和方法
weixin_46100406的博客
04-08 383
ES6之前没有给我们提供extends继承，我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承 call() function fn(x,y){ console.log('我想干嘛'); console.log(this); console.log(x+y); } var o={ name:'aaa' }; fn();//这里输出的this指向window //1...
构造函数实现继承的几种方案（深入）
Liushiliu104的博客
04-23 4943
什么是继承及继承的好处 实现继承的几种方式 原型链继承 接用构造函数实现继承 寄生式继承 寄生组合式继承(最终的继承方案) 什么是继承及继承的好处： ​ 面向对象中的三大特性：封装，继承，多态，继承就是继承父构造函数的属性和方法。这样的话就可以实现代码的复用，且继承是多态的前提。 开篇说重点： 文中Person为父构造函数，Stundet为子构造函数，我们现在要做的事情就是让Stundet的实例对象继承父构造函数定义的属性和方法。 每个函数都有一个显示原型prototype属性，每个对象都有一.
es6 类继承extends和super关键字,super调用父类普通函数以及继承中属性方法查找原则，类中this的指向问题
艾小逗
08-26 4452
类继承extends和super关键字 extends class Father{ constructor(){ //构造函数 } money(){ console.log(100) } } class Son extends Father{ //extends 子类继承父类 } var son = new Son(); son.money(); //100 ...
js中的构造函数继承，混合继承，es6继承，请详细讲解
最新发布
06-01
好的，我来详细讲解一下。 1. 构造函数继承 构造函数继承是一种通过调用父构造函数来继承父类属性和方法的方式。在子类中通过调用父类构造函数来实现继承，子类的实例会具有父类的属性和方法。具体实现方式如下： ```javascript function Parent(name) { this.name = name; } Parent.prototype.sayName = function() { console.log(this.name); } function Child(name, age) { Parent.call(this, name); this.age = age; } var child = new Child('Tom', 18); console.log(child.name); // Tom console.log(child.age); // 18 ``` 在上面的代码中，我们定义了一个父类 Parent 和一个子类 Child，Child 通过在构造函数中调用 Parent 来实现继承。这种方式的缺点是无法继承父类原型上的方法。 2. 混合继承 混合继承是一种通过同时使用构造函数继承和原型链继承来继承父类属性和方法的方式。在子类中既通过调用父类构造函数来继承父类属性，又通过将子类的原型指向父类的实例来继承父类原型上的方法。具体实现方式如下： ```javascript function Parent(name) { this.name = name; } Parent.prototype.sayName = function() { console.log(this.name); } function Child(name, age) { Parent.call(this, name); this.age = age; } Child.prototype = new Parent(); Child.prototype.constructor = Child; var child = new Child('Tom', 18); console.log(child.name); // Tom console.log(child.age); // 18 child.sayName(); // Tom ``` 在上面的代码中，我们定义了一个父类 Parent 和一个子类 Child，Child 通过同时使用构造函数继承和原型链继承来实现继承。这种方式的优点是既可以继承父类的属性，也可以继承父类原型上的方法。 3. ES6 继承 ES6 继承是一种通过使用 class 和 extends 关键字来继承父类属性和方法的方式。在子类中使用 extends 关键字继承父类，子类的实例会具有父类的属性和方法。具体实现方式如下： ```javascript class Parent { constructor(name) { this.name = name; } sayName() { console.log(this.name); } } class Child extends Parent { constructor(name, age) { super(name); this.age = age; } } var child = new Child('Tom', 18); console.log(child.name); // Tom console.log(child.age); // 18 child.sayName(); // Tom ``` 在上面的代码中，我们使用 class 和 extends 来定义父类 Parent 和子类 Child，Child 通过 extends 关键字继承 Parent 来实现继承。这种方式是 ES6 中推荐的继承方式，具有语法简洁、易于理解等优点。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值