当前位置:首页 > 日记 > 正文

6的新功能,如(类)和继承(扩展)的相关概念和用法分析

6的新功能,如(类)和继承(扩展)的相关概念和用法分析
本文阐述了概念和新功能,使用6(类)和继承(扩展),分享给您参考,如下:

1。类(类)

1。基本语法

Javascript语言的传统方法是通过构造函数定义和生成新对象。
函数点(x,y){
这个;
这个,y = y;
}
(point.prototype.tostring =功能){
返回(+,+,+;
};
var =新点(1, 2);

6提供了一个方法,更接近传统的语言介绍了类的概念作为对象的模板,类可以通过class关键字定义的。基本上,6的类可以被视为只是一个语法糖。它的大部分功能可以通过ES5。新课的写作方法,不仅使写作对象的原型更清晰、更喜欢面向对象编程语法。上面的代码重写ES6类,这是继。
类定义
类点{
构造函数(x,y)构造函数构造方法
这个;
这个,y = y;
}
ToString(){
返回(+,+,+;
}
}
var =新点(1, 2);

构造函数的原型属性继续对6类存在。事实上,所有的类的方法仍然是对原型的类属性定义。

2.constructor方法

构造函数方法是类的默认方法,当新命令生成对象实例时会自动调用它。类必须有构造函数方法,如果没有显式定义,默认情况下会添加空构造函数方法。

二、继承(扩展)

类可以通过extends关键字继承,这比ES5的继承通过修改原型链更清晰,更方便。
类Colorpoint延伸点{
构造函数(x,y,颜色){
超级(x,y);调用父类构造函数(x,y)
this.color =颜色;
}
ToString(){
Return + this.color + super.toString (''); / / call the parent class (toString)
}
}

在上面的代码中,在构造函数的方法超级关键词和toString方法,它代表了父类的构造函数,用于创建该对象的父类。

子类必须在构造函数方法中调用超级方法,否则新的实例将被错误地报告。这是因为子类没有它自己的对象,而是继承父类的这个对象,然后处理它。如果不调用超级方法,子类将不能得到这个对象。

三。主构造函数的继承

一个土生土长的构造函数是一个内置的语言构造,这是通常用于生成数据结构。ECMAscript的主要建设者大致如下。此前,这些本土的构造函数不能被继承。

布尔()

数()

字符串()

阵列()

(日期)

()函数

正则表达式()

错误()

对象()

6允许继承原构造函数定义子类的实例对象,因为ES6这个新建的父类,然后修改本的子类的构造函数,这样的行为都可以被继承的父类。以下是传承阵列实例。
类数组MyArray延伸{
构造函数(…args){
超(…args);
}
}
var arr =新MyArray();
ARR { 0 } = 12;
arr.length / / 1
arr.length = 0;
ARR { 0 } / /未定义

上面的代码定义了一个数组MyArray类,继承的构造函数,所以你可以生成从数组MyArray实例。这意味着6可以自定义原生数据结构类,如数组、字符串等,其中ES5不能做。

四类生成方法

如果在方法之前添加星号(*),则意味着该方法是生成器函数。
Class Foo {
构造函数(…args){
this.args =参数;
}
{符号。迭代器}(){
为了(让精本。args){
精氨酸产量;
}
}
}
(X为新富(你好',‘')){
console.log(X);
}

/世界

在上面的代码中,有之前的Foo类的symbol.iterator方法星号,表明该方法是一个函数发生器,symbol.iterator方法返回一个Foo类的默认的遍历,并为…回路自动调用ergodicer。

五类静态方法

类是与实例等价的原型,并且在类中定义的所有方法都由实例继承。如果在方法之前添加静态关键字,则意味着该方法不由实例继承,而是通过类直接调用,称为静态方法。
类Foo {
静态类(){
return'hello;
}
}
(foo类) / /你好
新富();
Foo.classMethod()
foo.classmethod不是功能 / /列表:

在上面的代码中,有在Foo类的类方法的关键字,说明该方法是静态方法,可以直接调用foo类(foo.classmethod())而不是调用Foo类的实例。如果静态方法是在实例上调,错误将抛出的方法不存在。

父类的静态方法可以由子类继承。
类Foo {
静态类(){
return'hello;
}
}
类栏扩展{ {
}
(酒吧。类); / /你好

在上面的代码中,父类富有一个静态方法,而子类bar可以调用这个方法。

更多关于Javascript相关感兴趣的读者的内容可以看到特殊站:ecmascript6(6),Javascript教程总结

希望本文能对javascript程序设计有所帮助。

相关文章

oracle数字类型自增码的实现

oracle数字类型自增码的实现

数字,自增,类型,电脑软件,oracle,废话没多说,直接给大家粘上代码,具体代码如下所示: 创建一个序列 创建序列seq_student 从6开始 增量的1 Maxvalue 500 nominvalue nocycle 非缓存; 创建一个触发器 创建触发器trigger_student 插入学生之前 每…

什么输入法图标不做赢10(溶液)

什么输入法图标不做赢10(溶液)

图标,输入法,不做,溶液,电脑软件,问题: 在windows10系统桌面右下角的输入法图标不能被发现。如何推出 答案uff1a 在输入法图标赢10丢失,并参照以下方法。 打开控制面板系统;,然后打开控制面板;区域和语言设置,打开设置窗口,选择语言;,在打开的窗…

Windows没有足够的信息来验证证书(

Windows没有足够的信息来验证证书(

证书,解决方案,验证,没有足够,电脑软件,问题: 打开IE浏览器Internet选项>内容>,双击证书;我的证书正常按钮;证书信息显示;Windows没有足够的信息来验证此证书。Rdquo(如下所示) 答案uff1a 证书信息显示:Windows没有足够的信息来验证证书。这表明…

计算机的共享文件夹无法访问的错误

计算机的共享文件夹无法访问的错误

错误,无法访问,共享文件夹,溶液,电脑软件,问题: ThinkPad笔记本可以访问Yangtian的桌面共享文件夹,但不能访问共享的台式机、笔记本、文件夹,通过彼此计算机的IP地址,弹出错误,错误代码:0x800704cf错误,无法访问网络位置。不知道发生了什么事无论…

如何删除Word2007在Word2007中的空

如何删除Word2007在Word2007中的空

删除,方法,步骤,空白,电脑软件,发现从网络复制网页和粘贴到Word文档,并发现经常有空行,网络元素,等等。你可以先把文章复制到记事本,把它变成一个纯文本的形式,然后再去的话,然后删除空白行之一。当有很多空行的文档中,这样的操作非常麻烦。下面的…

计算机搜索不能用作文档搜索过滤器

计算机搜索不能用作文档搜索过滤器

搜索,文档,过滤器,解决方案,电脑软件,客户端的计算机打开一个文件夹,然后指向顶部菜单栏;搜索左侧没有普通的搜索框,而是显示文档搜索过滤器(图1),它无法搜索计算机中的文件。 图1 仔细检查,找出原因,在电脑上安装微软搜索助手mdash;mdash;Windows搜…

PS如何手绘彩色图形

PS如何手绘彩色图形

图形,手绘,彩色,电脑软件,PS,萧边无意中看到黑白照片着色的一篇文章,发现很简单的图片很快的和带有图片如下。因此,每个人都是使用各种各样的套索工具,和颜色范围内的选择。明明很简单,是一个很好的颜色,结果都是复杂的。这很可能是小编辑是一个…

照片迅速成为低多边形效果教程面对

照片迅速成为低多边形效果教程面对

教程,照片,多边形,图象,处理软件,最终效果: 主要过程: 1,找张正面照片,效果更明显。 2。使用线性工具来制作类似颜色的多边形。注意:这里是直线下;新层;合并形状;记住! 可以改变线条的颜色,更加明显。 3,用多边形选择工具检查多边形,然后执行过滤-模糊…

微信小程序TabBar不显示解决方案

微信小程序TabBar不显示解决方案

解决方案,显示,程序,电脑软件,微信小,微信小程序TabBar不显示解决方案 页:{ 页 页索引 }, 微信小程序不显示当他们测试TabBar。 我不支持API,直接代码 { 页:{ 页 页索引 }, 窗口:{ backgroundtextstyle 光 navigationbarbackgroundcolor # FFF …

在答题的复仇游戏没有声音。

在答题的复仇游戏没有声音。

声音,游戏,电脑软件,问题: 电脑玩复仇;Dati;比赛时,没有声音,进入系统后,重装系统是没有的,什么是错的 答案uff1a 复仇;Dati;游戏是不健全的,是这个游戏的一个常见的问题,参考下面的方法。 一、openai下载软件,然后安装它。 二,直接删除openal32.dll…

QQ空间是如何在QQ空间谈论时间和说

QQ空间是如何在QQ空间谈论时间和说

空间,说话,方式,时间,如何在,QQ空间是时间说如何释放它,QQ空间也可以发布谈论它,这看起来有点像微博的定时micro-blog.the以下小编辑告诉你QQ空间发送定期的说话方式,希望能对你有帮助! QQ空间的定时与说话方法 进入QQ空间并选择我的主页。 …

在数据表的操作EasyUI的按钮图标的

在数据表的操作EasyUI的按钮图标的

解决方案,操作,数据表,按钮图标,电脑软件,jQuery EasyUI动态添加控件或Ajax加载页面不能提供自动 uff1a结算条款 使用分析器 解析器(解析器) ($解析);所有页面分析 美元。parser.parse(' # CC);指定节点的 / /分析 上述EasyUI datagrid形式,操作…