es6新特性中class基本用法是什么

技术es6新特性中class基本用法是什么本篇内容主要讲解“es6新特性中class基本用法是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“es6新特性中class基本用

本文主要讲解“es6新功能中类的基本用法是什么”,感兴趣的朋友不妨看看。本文介绍的方法简单、快速、实用。让边肖学习“es6新功能中类的基本用法是什么”!

在javaScript中,生成实例对象的传统方法是通过构造函数,这与传统的面向对象语言(如C和Java)有很大不同。ES6提供了一种更接近传统语言的编写方法,并引入了类作为对象模板的概念。使用class关键字,您可以定义类。

  es6class与es5的面向对象的区别:

1.写作是不同的,使用关键字类

2.当new的实例默认具有构造函数方法,并且默认返回实例对象(this)时,也可以返回另一个对象。

3.该类的所有方法都在prototype属性上,但是不能枚举它们,并且不能在每个方法的末尾使用分号。

4.类的调用必须通过new的实例,并且在类内部默认使用严格模式。

5.没有变量提升,必须在调用前声明。

默认情况下,这个6.class指向当前类。

7.class static方法,使用关键字static,不用new,可以直接通过类调用。

8.如何编写实例属性和静态属性?实例属性可以使用等式(=)直接写入类,也可以写入构造函数方法。静态属性只需要在实例属性之前添加一个关键字Static。

9.类继承使用关键字extends,继承机制与es5完全不同。

es5的继承原则:首先添加新子类的实例对象this,然后将父类的方法和属性添加到子类的this(parents . call(this))。

Es6的继承原则:首先,创建父类的实例对象this,因此要在构造函数()访问父类的属性时使用这个,必须先调用super()方法;然后通过子类的构造函数()修改它。

10.类继承可以继承本机构造函数,但es5不能。

  es6class与es5一般写法

复制代码

//I. ES5写作:

函数动画(名称){ 0

this.name=name

}

animate . prototype . getname=function(){ 0

console.log(this.name)

}

varp=Newanimate(' ity ');

p . getname();

//二。ES6,面向对象编写,calss,

classPerson{

//constructor():构造函数是默认方法,新建时会自动调用,没有显式定义时会自动添加。

//1.适合初始化数据

//2 .构造函数可以指定返回的对象。

构造者(姓名、年龄){ 0

this.name=name

this.age=年龄;

}

至此,相信大家对“es6新功能中类的基本用法是什么”有了更深的理解,让我们一起来实践吧!这是网站。更多相关内容,可以去相关渠道查询,关注我们,继续学习!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/70747.html

(0)

相关推荐

  • 抖音刷人气网站,优质的刷赞平台

    技术抖音刷人气网站,优质的刷赞平台根据小编的了解,现在可以说在全民各行各业各个年龄层都大火的抖音短视频吸粉的速度也是十分快速的,而上面有很多网红粉丝量已经让人眼前一亮,大大惊艳了吃瓜群众。甚至有的普通人粉丝能达到成百上千

    测评 2021年10月20日
  • 川w是那里的牌照,四川各市车牌照的字母代号

    技术川w是那里的牌照,四川各市车牌照的字母代号川A ——成都川B ——绵阳川C ——自贡
    川D ——攀枝花
    川E—— 泸州
    川F ——德阳
    川G——原为绵阳川w是那里的牌照,现空缺
    川H ——广元
    川J ——遂宁
    川K

    生活 2021年10月25日
  • CF1506A Strange Table 题解

    技术CF1506A Strange Table 题解 CF1506A Strange Table 题解CF1506A Strange Table 题解Content
    给定一个 \(n\times m\)

    礼包 2021年12月16日
  • 我的青春色彩作文800,我的青春一路花香作文。800字

    技术我的青春色彩作文800,我的青春一路花香作文。800字一路花香如果说生命只是一个不能重复的花季,那搏动的心便是一朵永不凋零的春花我的青春色彩作文800。早春二月,乍暖还寒之时,鹅黄隐约,新绿悄绽,昭示着生命的勃勃,那

    生活 2021年10月27日
  • androidstudio怎么新建app(androidstudio签名失败)

    技术Android studio怎么导出APP测试包和构建正式签名包这篇文章主要讲解了“Android studio怎么导出APP测试包和构建正式签名包”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路

    攻略 2021年12月17日
  • Eclipse如何构建WebServices

    技术Eclipse如何构建WebServices小编给大家分享一下Eclipse如何构建WebServices,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起

    攻略 2021年11月27日