es6类的继承

最新推荐文章于 2024-04-09 10:34:22 发布
置顶 最新推荐文章于 2024-04-09 10:34:22 发布
阅读量256 收藏
点赞数
分类专栏： ECMAScript 6 javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a4561614/article/details/80816638
版权
javascript 同时被 3 个专栏收录
48 篇文章 0 订阅
订阅专栏
ECMAScript 6
33 篇文章 0 订阅
订阅专栏
jquery
27 篇文章 0 订阅
订阅专栏 
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>类的继承</title>
  </head>
  <body>
  <script src="js/jquery.js" charset="utf-8"></script>
  <script type="text/javascript">
  //定义一个类
     class A {
      constructor(name,age,gender) {//自己的属性
        this.name=name;
        this.age=age;
        this.gender=gender;
      }
      showId(){
        console.log('我的名字叫'+this.name+',今年'+this.age+'岁,我的性别是'+this.gender);
      }
      static loadAll(){
        console.log("我是一个私有的方法");
      }
    }

    let aa=new A('李特成',28,"男");//实例化
    aa.showId();//调用自己的方法
    //aa.loadAll();//aa.loadAll is not a function 静态属性 不能被调用
    A.loadAll();//静态属性只有自己才能调用
    console.log(typeof A); // 它是一个function
    console.log(aa instanceof A); // true //判断aa 是不是A的实例

   //继承A
   class B extends A {
      constructor(name,age,gender,address){
        super(name,age,gender);//调用父类的constructor
        this.address=address;//自己的属性
      }
      toFun(){
        console.log('我的名字叫'+this.name+',今年'+this.age+'岁,我的性别是'+this.gender+',家住'+this.address);
      }

   }
   let bb=new B('李特成',28,"男",'湖南');//实例化
       console.log(bb instanceof B); // true //判断bb 是不是 BB的实例
        bb.showId();//调用父类的方法
        bb.toFun();//调用自己的方法
        B.loadAll();//loadAll()是A类的静态方法，B继承A，也继承了A的静态方法。
  </script>

  </body>
</html>
黑色咖啡 Ken
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ES6继承
katherin_wanzi的博客
07-22 269
继承1.call()方法2.利用父构造函数继承属性3.利用原型对象继承方法 1.call()方法 ES6之前并没有提供extends继承，我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承 call() 调用这个函数，并且修改函数运行时的this指向 fun.call(thisArg, arg1, arg2, …) thisArg为指向的对象，arg1,arg2…为参数 <script> function fn(x, y) { console.lo
react-es6-class-inheritance:带有 ReactJS（和 JSPM）的 ES6 类继承
06-04
带有 ReactJS 的 ES6 类继承 使用 React JS 和 ES6 的类继承演示，由 JSPM 提供支持 设置 npm install npm start 然后将浏览器指向http://localhost:3000
JavaScript es6 五种常见继承方式
m0_51622088的博客
10-09 2204
原型继承、构造函数继承、组合继承、寄生组合继承、class继承
es6（六）—— JavaScript中class（类）的继承
weixin_44784401的博客
02-09 1376
JavaScript中class（类）的继承
ES6实现继承
最新发布
小余的前端博客
04-09 1202
没有实例对象的情况下，能不能调用函数？不可以因为 Person 是一个函数，而不是一个实例对象。learn 方法是在 Person 的 prototype 上的，只能在 Person 的实例上调用。如果要调用 learn 方法，需要先创建一个 Person 的实例，然后在实例上调用 learn 方法//添加在Person原型上的方法也称为 实例方法console.log("小余在学习");
ES6类的继承
Mr_115的博客
11-12 704
ES6类的继承
JS高级 之 ES6 实现继承
玄鱼殇
07-21 1494
JS高级 之 ES6 实现继承
ES6 javascript中Class类继承用法实例详解
10-19
主要介绍了ES6 javascript中Class类继承用法,结合实例形式较为详细的分析了ES6继承的基本用法、相关属性、方法与使用技巧,需要的朋友可以参考下
老生常谈ES6中的类
08-29
在 ES6 中，类可以继承其他类，以实现继承的功能。例如： ``` class Animal { constructor(name) { this.name = name; } speak() { console.log(this.name + ' makes a sound.'); } } class Dog extends ...
关于ES6中子类继承的实现原理逐行解析
01-08
所以到了es6对一个对象生成器（构造函数）也定义了新的写法——类（class）使之写法和面向对象的写法更像 现如今我们定义一个一个构造函数就是定义一个类，写法如下： class Parent { constructor(name,age){ ...
ES6中定义类和对象的方法示例
10-16
这里我们将详细探讨ES6中定义类和对象的相关知识点，包括类的定义、继承、静态方法和静态属性。 1. **类的定义**： 在ES6之前，我们通常使用构造函数和原型链来模拟类的行为。ES6引入了`class`关键字，使得类的...
ES6 类(Class)的继承(extends)和自定义存(setter)取值(getter)详解
12-21
ES6 类(Class)的继承(extends)和自定义存(setter)取值(getter)详解，博客地址： http://blog.csdn.net/pcaxb/article/details/53784309
ES6 —— 继承
HuoZhiyan 的博客
04-26 2512
文章目录一、call() 方法的使用二、借用构造函数继承父类型属性三、利用原型对象继承方法四、类的本质 一、call() 方法的使用 call()：调用这个函数，并且修改函数运行时的 this 指向。 语法：fun.call(thisArg, arg1, arg2, ...) this.Arg：当前调用函数 this 的指向对象 arg1, arg2：传递的其他参数 //ES5 直接调用 function fn(){ console.log('I want to eat.'
ES6系列教程第六篇--Class继承
恰恰虎的博客
06-18 4617
一、extends关键字ES6中提供了extends关键字实现类的继承，相比较ES5的原型继承，更方便易懂，对于学过java的道友们来说，阅读无障碍，下面我们看下如果实现继承。class Person { constructor(name, age) { this.name = name; this.age = age; ...
ES6中扩展运算符(spread)和剩余运算符(rest)详解
MH.的博客
03-06 1899
原文链接 在ES6中。 三个点(...) 有2个含义。分别表示 扩展运算符 和 剩余运算符。写了几个demo测试。 /******************扩展运算符(spread)********************/ //demo 1 传递数据代替多个字符串的形式 function test(a,b,c){ console....
ES6中的类与继承
m0_59761769的博客
04-14 413
类：定义一个类通过class关键字，ES6的类可以看成是构造函数的另一种写法。 class Animal{ constructor(name ,age,weight){ // 实例的私有属性 this.name=name; this.age=age; this.weight=weight; console.log("我是父构造器"); } // 写在外面的属性 也是实例的私有属性 test=[
【ES6】Class 类的使用与继承方法详解
jingjing的博客
08-20 2560
JavaScript 语言中，生成实例对象的传统方法是通过构造函数。 ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。 基本上，ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰更像面向对象编程的语法而已。所以ES6 的类，完全可以看作构造函数的另一种写法。 class Point { constructor(x, y) { this.x = x
js：实现继承的几种方法（包括es6）
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
06-30 3275
js的继承方式有很多，比如 一、借用构造函数继承（call，apply，bind） 1.介绍 利用call，apply，bind借用父类的构造函数 2.实现 function Animal (name) { this.name = name this.showName = function () { alert(name) } } function Cat () { // apply用...
javascript面向对象之ES6中的类和继承
鸡血博客
09-11 331
阮一峰 官网类 基础必须要看 https://es6.ruanyifeng.com/#docs/class function HeroES5(name, skill) { this.name = name this.skill = skill } HeroES5.prototype.doSth = function () { console.log(`练习${this.skill}`); } HeroES5.prototyp.
js中es6 class类的继承
04-14
关于JS中ES6 class类的继承，可以通过extends关键字实现类的继承，如下所示： class Animal { constructor(name) { this.name = name; } speak() { console.log(this.name + ' makes a noise.'); } } class ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黑色咖啡 Ken

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值