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.hqwc.cn/news/255691.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[python库] mistune库的基本使用

前言 mistune库是一个解析Markdown的利器,使用起来非常简单。当我们想要解析Markdown格式的文档时,只需两步就能将其转换成html格式。如下: import mistune mistune.html(YOUR_MARKDOWN_TEXT)安装方式也非常简单,dddd&#xff1…

Java毕业设计源码—vue+SpringBoot图书借阅管理图书馆管理系统

主要技术 SpringBoot、Mybatis-Plus、MySQL、Vue3、ElementPlus等 主要功能 管理员模块:注册、登录、书籍管理、读者管理、借阅管理、借阅状态、修改个人信息、修改密码 读者模块:注册、登录、查询图书信息、借阅和归还图书、查看个人借阅记录、修改…

使用Inno Setup 打包程序文件 怎么把其中一个文件安装时复制到指定系统文件夹

环境: Inno Setup 6.6 Win10 专业版 问题描述: 使用Inno Setup 打包程序文件 怎么把其中一个文件安装时复制到指定系统文件夹 将文件api-ms-win-shcore-scaling-l1-1-1.dll复制到system32里面 解决方案: 1.由于安全和权限的限制,直接在Inno Setup脚本中复制文件到C:\…

工作中常用的RabbitMQ实践

目录 1.前置 2.导入依赖 3.生产者 4.消费者 5.验证 验证Direct 验证Fanout 验证Topic 1.前置 安装了rabbitmq&#xff0c;并成功启动 2.导入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-…

Linux查看命令的绝对路径

linux查看命令的绝对路径 在Linux中&#xff0c;可以使用以下命令来查看命令的绝对路径&#xff1a; 1、which 命令名 例如&#xff0c;要查看chronyc命令的绝对路径&#xff0c;可以运行&#xff1a; which chronyc 2、whereis 命令名 例如&#xff0c;要查看chronyc命令…

Python-关系运算符详解

关系运算符&#xff1a;比较两个操作数的大小或者相等关系 < > ! 1、关系运算符的关系表达式返回值是布尔类型bool 成立就是真&#xff0c;即1&#xff1b;不成立就是假&#xff0c;即0 2、关系运算符还可以比较字符 字符根据字典序比较&#xff0c;先看首字母在…

SolidWorks Simulation 有限元分析-升降架分析

问题描述&#xff1a;一个载重为 1800N 的升降架承受一外部水压柱筒的作用&#xff0c;该水压柱筒与基座上的滑块相连。 1. 打开零件。 2. 我们新建一个静应力分析的算例&#xff0c;如下图所示。 3. 设置材料。我们需要为模型指定模型的材料属性。点击选中模型&#xff0c;鼠…

Python超级详细的raise用法

当程序出现错误时&#xff0c;系统会自动引发异常。除此之外&#xff0c;Python 也允许程序自行引发异常&#xff0c;自行引发异常使用 raise 语句来完成。 很多时候&#xff0c;系统是否要引发异常&#xff0c;可能需要根据应用的业务需求来决定&#xff0c;如果程序中的数据…

office办公技能|ppt插件使用

PPT插件获取&#xff1a;链接&#xff1a;https://pan.baidu.com/s/1BOmPioUKeY2TdC-1V-o3Vw 提取码&#xff1a;tdji 一、ppt插件介绍 PPT插件是一种可以帮助用户在Microsoft PowerPoint软件中添加各种额外功能和效果的应用程序。使用PPT插件可以让用户更加轻松地制作出专业、…

JS中Map对象与object的区别

若想了解Map对象可以阅读本人这篇ES6初步了解Map Map对象与object有什么区别&#xff1f;让我为大家介绍一下吧&#xff01; 共同点 二者都是以key-value的形式对数据进行存储 const obj {name:"zs",age:18}console.log(obj)let m new Map()m.set("name&quo…

Linux--文件权限与shell外壳的理解

目录 一.Linux的用户与用户切换&#xff0c;提权 二.对文件权限的理解 1.文件权限角色的权限文件属性 2.Linux中的三种角色 3.为什么会存在所属组这个角色 4.文件属性的意义 4.1.第一个字母的意义 4.2 第2——第10个字母的意义 4.3修改文件权限的方法 三.目录权限 四…

MATLAB - 绘制立体图(平面+水深)

目录 代码结果 代码 % 在 X-Y 平面上绘图 % 正常绘制平面图 [X,Y,Z] peaks; contour(X,Y,Z,20); hold on% ****重点******************************************** % 改为三维视图&#xff0c;具体可以help % view(3); %此时的平面图对应z0 &#xff1b;默认az-37.5&#x…