首页 > 编程语言 >JavaScript ES6中class的用法

JavaScript ES6中class的用法

时间:2023-04-06 17:48:41浏览次数:35  
标签:ES6 console log JavaScript call class name

实例代码如下

class Person {
            constructor(name){
                if(!arguments.length){
                    console.log("我是个人")
                } else {
                    console.log(`我是${name}`)
                }
            }
            call(){
                console.log("人能说话")
            }
        }

        class Student extends Person {
            constructor(name){
                if(!arguments.length){
                    super();
                    console.log("我是学生")
                } else {
                    super(name);
                    console.log(`我是${name}`)
                }
            }
            call(){
                super.call()
                console.log("学生能说话")
            }
        }

        new Student().call()
        new Student("李华").call()

结果如下

image

可以看出ES6的class语法糖基本能实现Java中类的所有操作,除了不能对构造函数进行重载,所以我使用if来实现类似功能

标签:ES6,console,log,JavaScript,call,class,name
From: https://www.cnblogs.com/sakura-hfhj/p/17293538.html

相关文章

  • javascript实现代码高亮
    9款有用的Javascript代码高亮脚本 语法突出显示非常重要,尤其是当我们想在博客上展示我们的代码示例时。通过在博客上启用语法突出显示,读者可以更轻松地阅读代码块。 我们周围有很多免费且有用的语法突出显示脚本。大多数脚本都是使用Javascript编写的,尽管其中一些脚本由其他编程......
  • 思考 TypeScript namespace,复习 class 语法
    前言据我所知,早期JavaScript没有class语法,很多都是函数,即便是现在的class本质上也是一个函数。在这里不说函数与class之间的关系和区别。下面将从class语法上讲解,阐述为什么有class以及作用;对class语法进行了探讨之后,再思考TypeScript的namespace给我们带来......
  • JavaScript超大文件上传解决方案:分片断点上传(一)
    ​ 前段时间做视频上传业务,通过网页上传视频到服务器。视频大小小则几十M,大则1G+,以一般的HTTP请求发送数据的方式的话,会遇到的问题:1,文件过大,超出服务端的请求大小限制;2,请求时间过长,请求超时;3,传输中断,必须重新上传导致前功尽弃; 解决方案:1,修改服务端上传的限制配置;Nginx以......
  • Vue进阶(四十五):精解 ES6 Promise 用法
    一、前言复杂难懂概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么呢?是类?对象?数组?函数?别猜了,console.dir(Promise)直接打印出来看看。这么一看就明白了,Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有th......
  • ES6 => map、filter方法的区别
    letdataArr=[{name:450200000,code:1},{name:450300000,code:2}....] map:会返回执行map方法的数组(dataArr),的所有项(条件不成立也会返回undefined),可以只返回项中的某一参数 filter:会返回执行filter方法的数组(dataArr),条件成立的项,会返回整个遍历的项(不能只返回项中的某一......
  • Java中的Class类 小的总结
    *点击查看代码publicclassProjectConfig{//合作方产品唯一标示publicstaticStringSOURCEID="hthx_swyyssys_0001";//AES加密解密keypublicstaticfinalStringAESKEY="B62i45TKqs1qwJaD";//本地公钥publicstaticfinalString......
  • Javascript中扁平化数据结构与JSON树形结构转换详解
    Javascript中扁平化数据结构与JSON树形结构转换详解原文链接:https://www.jb51.net/article/247525.htm+目录一.先说简单的树形结构数扁平化处理二.再讲将扁平化数据结构转JSON树状形结构扩充一个知识点:forin与forof的区别:总结不废话,直接开干一.先说简单的树形结构数......
  • js用前缀名查找class或id节点,js模糊查询某个dom节点
    js在操作dom的场景中,有时候会有类似的场景需求。js用前缀名查找class节点//参数dom为htmldom节点//参数key为需模糊查询的名称字段functionqueryClassNode(dom,key){letcollectArray=[];for(vari=0;i<dom.childNodes.length;i++){ //核心点......
  • 方法定义,Date和JSON对象,及JavaScript式面向对象编程
    一.方法1.方法的定义 方法就是把函数放在对象里面,对象有两个东西:属性和方法通过对象名.方法名()使用a.第一种方法定义<script>varsetFun={name:"maming",birth:2002,//方法:被包含在对象之中age:function(){varnow=ne......
  • JavaScript基础知识之——Location 对象详解
    属性描述location.hash设置或取得URL中的锚location.host设置或取得URL中主机(包括端口号)location.hostname设置或取得URL中的主机名location.href设置或取得完整URL(页面重定向应用)location.pathname设置或取得URL中的路径location.port设置或取得URL中的端口号location.......