ES6 语法详解(class关键字)

最新推荐文章于 2023-02-22 15:05:40 发布
最新推荐文章于 2023-02-22 15:05:40 发布
阅读量240 收藏
点赞数
文章标签： class java 多态 类 面向对象编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/flowerStream/article/details/119746817
版权 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        /**
         * emmm, 写Java的一看就懂
         * 1. 通过class定义类/实现类的继承
         * 2. 在类中通过constructor定义构造方法
         * 3. 通过new来创建类的实例
         * 4. 通过extends来实现类的继承
         * 5. 通过super调用父类的构造方法
         * 6. 重写从父类中继承的一般方法
         */

        // 通过class定义类
        class Person {
            // 定义构造方法
            constructor(username, age) {
                this.username = username
                this.age = age
            }
            // 定义一般方法
            info() {
                return 'this is person class!'
            }
        }

        // 通过new 创建
        let person = new Person('Mr.flower', 18)
        console.log(person)
        // 调用类的方法
        let info = person.info()
        console.log(info)

        // 通过extends继承父类
        class Sub extends Person {
            constructor(username, age, sex) {
                // 通过super调用父类的构造方法 
                super(username, age)
                this.sex = sex
            }
            // 重写父类的一般方法
            info(){
                return 'this is sub class!'
            }
            // 扩展自己的方法
            personInfo(){
                // 通过super调用父类的方法
                return super.info()
            }
        }
        let sub = new Sub('Mis.dance',18,'man')
        console.log(sub)
        console.log(sub.info())
        console.log(sub.personInfo())
    </script>
</html>

对于学习后端语言的人来说这个 SoEasy

作者：彼岸舞

时间：2021\08\16

内容关于：前端知识库

本文属于作者原创,未经允许,禁止转发

十六夜之彼岸舞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6-class关键字
weixin_44486539的博客
02-07 536
class 关键字 es6 新增了 class 关键字，这是 es6 的新语法，用来实现 es6 中面向对象编程；可以通过该关键字来定义类。 class不存在变量提升，所以需要先定义再使用。 ES5: // 定义一个构造函数 function Preson(name, age) { this.name = name this.age = age } // 创建 preson 实例 ...
ES6 Class语法
Jaden
01-02 186
简介 JavaScript作为一门若类型的解释性语言，其既可以满足面向对象编程的需要，也可以实践函数式编程范式。随着ES版本的演进，JavaScript的功能原来越丰富，书写起来也原来月舒服。其中ES6新增的Class语法也使得JavaScript与传统的面向对象语言越老越相似。ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加...
ES6中的class关键字
nostrud ipsum6
01-29 983
ES6中的class关键字 欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~ 声明：本文参考业界大佬阮一峰老师的ES6标准入门 ES5 中的面向对象12345678910111213// 创建一个构造函数function People (name, age) { this.name = na...
ES6 class关键字
Ronychen的博客
11-17 350
本文转载至简书-这里王工头博文 ES5 中的面向对象 // 创建一个构造函数 function People (name, age) { this.name = name this.age = age } // 向构造函数的原型对象中添加 say 方法 People.prototype.say = function () { return 'hello everyon...
ES6 class关键字 ~ 非常详细
weixin_46370867的博客
12-28 350
下面的对ES6中class关键字的整理，希望可以帮助到有需要的小伙伴~ 文章目录类的声明构造函数getter与setter不允许提前声明不允许重复声明静态方法静态方法的语法类的继承实现类的继承继承于内置对象Super关键字类的实例 传统面向对象是基于类的面向对象，类的继承实际上是构造函数的继承 JSON是基于原型的面向对象 es6 给了JSON类的语法规则，但是底层没有提供类，底层是构造函数。类的继承实际上是构造函数的继承。 // 这个原型指向对象 Hero.prototype = { age :
Es6 类class的关键 super、static、constructor、new.target
weixin_30872157的博客
08-29 105
ES6引入了Class（类）这个概念,作为对象的模板,通过class关键字,可以定义类。基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。 那么如何掌握类这项技能，让我来陪大家一起学习： 1.super关键字 super用在调用的时候有两种情况： 第一种情况，super作为函...
ES6--class类（详解/看完必会）
最新发布
蜗牛~~
02-22 1万+
ES6中class类的学习，看完必会
使用ES6语法重构React代码详解
12-10
使用ES6语法重构React组件 在Airbnb React/JSX Style Guide中，推荐使用ES6语法来编写react组件。下面总结一下使用ES6 class语法创建组件和以前使用React.createClass方法来创建组件的不同。 创建组件 ES6 class创建...
利用ES6语法重构React组件详解
08-31
React ES6 语法重构组件详解 React ES6 语法重构组件详解是指使用 ES6 语法对 React 组件进行重构的过程。该过程主要涉及到组件的创建、属性、状态和 this 等方面的变化。 一、创建组件 在 ES6 语法中，创建组件...
详解如何用babel转换es6的class语法
08-27
**如何使用Babel转换ES6的Class语法** Babel是一个强大的JavaScript转码器，它可以将ES6+的新特性，如Class语法，转换为浏览器或低版本Node.js支持的ES5语法。在React、Vue等现代前端框架的开发中，Babel扮演着至关...
解读ES6中class关键字
08-28
主要介绍了ES6中class关键字,class是es6引入的最重要特性之一。本文通过实例代码给大家详解，需要的朋友可以参考下
[ES6] 细化ES6之 -- Class关键字
DeathDomain的博客
10-29 272
类的声明 类是什么 类作为对象的模板,只是一个语法糖 class 关键字是让对象原型的写法更加清晰、更像面向对象编程的语法而已。 // ES5创建构造函数 function Hero() { this.name = "张无忌" this.sayMe = function () { console.log("this is 张无忌"); } } Hero.prototype={ age:18, myjob:function () { co
es6新特性之对象扩展与class关键字定义js中的类
xiaozhuangyumaotao的博客
05-23 353
es6中对对象的扩展 对于下面的JavaScript代码： varusername="zhao" varobj={ username:username, info:function(){ console.log(this.username); } } obj.info(); 依然是我们熟悉的代码：执行结果是:zhao 在es6中对JavaScript的对象又做了哪些扩展呢？我这里说两个简单的地方，先看改写后的代码： varusername="zhao" ...
es6（五）：class关键字（extends，super，static）
demonHunter1234的博客
12-21 199
ES5中，生成对象通过构造函数： 1 function A(name,age){ 2 this.name=name; 3 this.age=age 4 } 5 // 在A的prototype属性上定义一个test方法，即A生成的实例化对象的原型对象上的方法 6 A.prototype.test=functio...
ES6中的类（class）
Han_Zhou_Z的博客
01-08 2862
目录 一、类（class） 1、在ES6中提供class关键字来定义类 2、在ES6中，支持getter和setter方法的定义，使用getter方法时，采用使用get关键字。使用setter方法时，采用使用set关键字 3、在ES6中提供static关键字类声明静态成员 4、类的继承 一、类（class） class Person{ static num = 1001 constructor(name,gender){//构造方法 this.name = n
ES6中Class的使用
soos的博客
04-15 1780
ES6引入Class(类)作为对象的模板，通过class关键字可以定义类，基本上ES6的class可以看作只是一个语法糖，它的绝大部分功能ES5都能做到，新的class写法只是让对象原型的写法更清晰、更像面像对象编程的语法而已。&lt;script&gt; //ES5 const person=function (name,age) { th...
一篇文章快速搞懂 ES6中的class关键字
weixin_44823731的博客
04-10 163
1.class中的静态方法、静态属性以及实例方法、实例属性 注：class中只能写构造器，静态方法、实例方法、静态属性，不能写其他的代码 class Animal { constructor(name,age){ //构造器，相当于构造函数，可以接受new的时候传进来的参数 this.name = name //实例属性 this.age = age //实例属性...
ES6 关键字class、constructor、extends、static简介
WDS13701239193的博客
10-22 3529
先来看下传统ES5的写法 // ES5写法 function StdInfo() { this.name = "cat"; this.age = 30; } StdInfo.prototype.getNames = function () { console.log("name：" + this.name); } //得到一个学员信息的对象 var p = new ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值