本文主要讲解“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