ES6中的继承,String类型方法的拓展

ES6中的继承:

    主要是依赖extends关键字来实现继承,使用了extends实现继承不一定要constructorsuper,因为没有的话会默认产生并调用它们。

    在实现继承时,如果子类中有constructor函数,必须得在constructor中调用一下super函数,因为它就是用来产生实例this的。

 super当成函数调用时,代表父类的构造函数,且返回的是子类的实例,也就是此时super内部的this指向子类。在子类的constructorsuper()就相当于是Parent.constructor.call(this)

/**
 * ES6 继承 
 * 子类继承父类 
 * 子类原型对象继承父类原型对象
 */
class Animal{
  constructor(type,weight,length){
    this.type = type;
    this.weight = weight;
    this.length = length;
  }
  sayType(){
    console.log(this.type,'这是animal实例公共方法')
  }
  static AnimalAttr = 'Animal静态属性';
  static AnimalMethod = function(){
    console.log('这是Animal静态方法')
  }
}
// 子类使用extends关键字实现对父类得继承
class Dog extends Animal{
  // 如果子类提供了构造器必须显示调用super函数
  constructor(type,weight,length,name,color){
    super(type,weight,length);//类似于Animal.call()
    this.name = name;
    this.color = color;
  };
}
let d1 = new Dog('狗','40kg','20cm','可乐','白色');
console.log(d1);
d1.sayType();
console.log(Dog.AnimalAttr);
console.log(Dog.AnimalMethod());
// 子类对父类继承 
console.log(Dog.__proto__ === Animal);
// 子类原型对象继承父类得原型对象
console.log(Dog.prototype.__proto__ === Animal.prototype);
console.log(d1.constructor);

String类型方法的拓展

    在ES5中所了解的String类型方法有charAt、charCodeAt、slice、upperCase、lowerCase、replace、split、indexOf、lastIndexOf····

    ES6又对String类型方法进行了拓展:

1.trim

        单独去除字符串前后空格

let str = ' hello world ';
console.log(str.trim());
console.log(str);

        单独去除前面空格 trimStart 别名trimLeft

//单独去除前面空格 trimStart 别名trimLeft
console.log('2'+str.trimStart()+'2');
console.log('2'+str.trimLeft()+'2');

        单独去除后面空格 trimEnd 别名trimRight

// 单独去除后面空格 trimEnd 别名trimRight
console.log('2'+str.trimEnd()+'2')
console.log('2'+str.trimRight()+'2')
2.padStart

        从头部添加字符串 填充字符串长度 填充字符(默认空格)

// padStart 从头部添加字符串 填充字符串长度 填充字符(默认空格)
let str = 'es8';
console.log(str.padStart(4),'2'+str);
console.log(str.padStart(4,'h'));
console.log(str.padStart(2));//填充字符串长度小于源字符串长度 返回源字符串
console.log(str.padStart(6,'ab'));

代码运行结果如下: 

3.padEnd

        从尾部添加字符串 填充字符串长度 填充字符(默认空格)

// padEnd 从尾部添加字符串 填充字符串长度 填充字符(默认空格)
console.log(str.padEnd(4)+'2');
console.log(str.padEnd(4,'h'));
console.log(str.padEnd(2));//填充字符串长度小于源字符串长度 返回源字符串
console.log(str.padEnd(6,'45'));

 代码运行结果如下:

4.toString 

        将引用数据类型全部转为字符串显示

function foo(){
  console.log('我是函数');
  // 我是函数内的注释
    return ;
}
console.log(foo.toString());

代码运行结果如下:

5.replaceAll

        将字符串中的某个元素全部替换为另一个

let str = 'hello';
console.log(str.replaceAll('l','L'));

代码运行结果如下: 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/234145.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

我对迁移学习的一点理解——领域适应(系列3)

文章目录 1. 领域适应(Domain Adaptation)的基本概念2.领域适应(Domain Adaptation)的目标3.领域适应(Domain Adaptation)的实现方法4.领域适应(Domain Adaptation)的可以解决的问题…

javaScript(六):DOM操作

文章目录 1、DOM介绍2、DOM:获取Element对象3、DOM:事件监听3.1、事件介绍3.2、常见事件3.3、设置事件的两种方式3.4、事件案例 1、DOM介绍 概念 Document Object Model ,文档对象模型 将标记语言的各个组成部分封装为对应的对象&#xff1a…

leetcode 100.相同的树

涉及到递归,最好多画图理解,希望对你们有帮助 100.相同的树 题目 给你两棵二叉树的根节点 p 和 q ,编写一个函数来检验这两棵树是否相同。 如果两个树在结构上相同,并且节点具有相同的值,则认为它们是相同的。 题目链接…

一文掌握Ascend C孪生调试

1 What,什么是孪生调试 Ascend C提供孪生调试方法,即CPU域模拟NPU域的行为,相同的算子代码可以在CPU域调试精度,NPU域调试性能。孪生调试的整体方案如下:开发者通过调用Ascend C类库编写Ascend C算子kernel侧源码&am…

项目记录:SpringBoot+Vue部署在阿里云服务器

目录 一、服务器配置 二、后端代码打包 三、前端项目打包 四、nginx配置 一、服务器配置 部署项目需要一个服务器,我们可以选择阿里云的云服务器ECS,在实例界面可以对服务器进行管理: 然后需要在mobaxterm配置jdk、mysql和nginx。注意配…

排序算法之七:归并排序(递归)

基本思想 基本思想: 归并排序(MERGE-SORT)是建立在归并操作上的一种有效的排序算法,该算法是采用分治法(Divide and Conquer)的一个非常典型的应用。将已有序的子序列合并,得到完全有序的序列&#xff1…

Mendix版的电商京东首页长什么样儿?

前言 世界需要大前端。大前端需要Mendix。 近日经常有企业IT侧的朋友反应,自家需要一个神奇的内容管理平台,来快速打造随需应变的公司官网,亦或企业官微,如果能在小程序里呈现产品营销类的功能更好。首先要肯定的是,…

tuxera2023破解版免费下载 NTFS for Mac读写工具(附序列号)

Tuxera ntfs 2023 破解安装包是一个mac读写ntfs磁盘工具允许您访问,它允许您访问NFTS 驱动器上的文件。 该应用程序提供访问访问Mac 设备中NFTS 格式文件的驱动力,因此您有权基于格式文件进行无困难的访问Windows 数据。 在发生电力灾难或断电时使用防损…

NodeJs脚手架(Koa)的简单使用

文章目录 前言一、与express的区别express-generator 提供的功能如下koa-generator 提供的功能如下两个生成器共同支持的项目骨架描述如下 二、使用步骤安装 Koa 生成器使用koa2创建项目PM2的使用 三、基础目录说明配置文件package.json入口文件 bin/www核心文件 app.jsroutes …

[CTFshow 红包挑战] 刷题记录

文章目录 红包挑战7红包挑战8红包挑战9 红包挑战7 考点&#xff1a;xdebug拓展 源码 <?php highlight_file(__FILE__); error_reporting(2);extract($_GET); ini_set($name,$value);system("ls ".filter($_GET[1])."" );function filter($cmd){$cmd s…

C语言精选——选择题Day42

第一题 1. 下面程序输出的结果是&#xff08;&#xff09; #include <stdio.h> int main () {int x;x printf("I See, Sea in C");printf("x%d" , x); } A&#xff1a;2 B&#xff1a;随机值 C&#xff1a;都不是 D&#xff1a;15 答案及解析 D p…

unittest 数据驱动DDT应用

前言 一般进行接口测试时&#xff0c;每个接口的传参都不止一种情况&#xff0c;一般会考虑正向、逆向等多种组合。所以在测试一个接口时通常会编写多条case&#xff0c;而这些case除了传参不同外&#xff0c;其实并没什么区别。 这个时候就可以利用ddt来管理测试数据&#xff…

什么是高防IP,高防IP该如何选择。

高防IP&#xff0c;指的是高防御能力的IP地址。在互联网的世界里&#xff0c;网络安全问题成为一个重要的话题。作为一个用户&#xff0c;你是否曾遇到过被黑客攻击造成的网站瘫痪、信息泄露等问题&#xff1f;如果你是一个企业&#xff0c;你是否考虑过自己公司的网站和业务的…

【基于ESP32无线蓝牙上传电脑Excel透传数据】

【基于ESP32无线蓝牙上传电脑透传数据】 1. 引言2. 环境搭建2.1 硬件准备:2.2 软件准备:2.3. 配置Excel端口接收功能3. 测试代码4. 连接电脑和 ESP324.1 烧录程序4.2 启动蓝牙服务4.3 测试数据透传5. 总结1. 引言 随着物联网技术的发展,越来越多的设备开始支持无线通信,其…

java数据结构2------深入学习LinkedList

目录 一、概念 二、源码分析 1、属性 2、节点结构 3、常用方法 ①get(int index) ②add(E e) ③set(int index, E element) ④remove(int index) 三、总结 一、概念 LinkedList 是一种基于链表的集合&#xff0c;用双向链表实现的&#xff0c;提供了高效的插入和删…

设计模式篇---代理模式

文章目录 概念结构实例静态代理动态代理 总结 概念 代理模式&#xff1a;给某一个对象提供一个代理或占位符&#xff0c;并由代理对象来控制对原对象的访问。 比如我们想从其他国家买东西&#xff0c;但我们无法直接联系外国的商家&#xff0c;可以找代理商&#xff0c;让他们…

错题总结(四)

1.【一维数组】输入10个整数&#xff0c;求平均值 编写一个程序&#xff0c;从用户输入中读取10个整数并存储在一个数组中。然后&#xff0c;计算并输出这些整数的平均值。 int main() {int arr[10];int sum 0;for (int n 0; n < 10; n){scanf("%d", &arr…

算法Day25 01子串

01子串 Description 给你一个二进制字符串s&#xff0c;该字符串不含前导零。 如果s包含零个或一个由连续的’1’组成的字段&#xff0c;返回true​​​。否则&#xff0c;返回false Input 输入一个只含01的字符串s 1≤s.length≤100 Output 输出true或false Sample 代码 imp…

坚鹏:中国邮政储蓄银行数字化转型战略、方法与案例培训

中国邮政储蓄银行拥有优良的资产质量和显著的成长潜力&#xff0c;是中国领先的大型零售银行。2016年9月在香港联交所挂牌上市&#xff0c;2019年12月在上交所挂牌上市。中国邮政储蓄银行拥有近4万个营业网点&#xff0c;服务个人客户超6.5亿户。2022年&#xff0c;在《银行家》…

LabVIEW开发新型电化学性能测试设备

LabVIEW开发新型电化学性能测试设备 开发了一种基于Arduino和LabVIEW的新型电化学性能测试装置&#xff0c;专门用于实验电池&#xff0c;特别是在锂硫&#xff08;Li-S&#xff09;技术领域的评估。这种装置结合了简单、灵活的硬件和软件工具&#xff0c;使新科学家能够设计针…
最新文章