es6添加删除class_es6中class类的使用

在es5中我们是使用构造函数实例化出来一个对象，那么构造函数与普通的函数有什么区别呢？其实没有区别，无非就是函数名称用首字母大写来加以区分，这个不用对说对es5有了解的朋友都应该知道。

但是es5的这种方式给人的感觉还是不够严谨，于是在es6中就换成了class，就是把es5中的function换成了class，有这个单词就代表是个构造函数，然后呢对象还是new出来的，这一点并没有变化。

类的使用

从里面的代码我们可以看到除了function变成了class以外，其它的跟es5一样

class Coder{

name(val){

console.log(val);

}

let shuang= newCoder;

shuang.name('shuang');

类的传参

在es6中的对象的属性都是写在constructor里面，方法都是在原型身上。在这里面的代码用constructor约定了两个参数，然后用add()方法把参数相加，这个地方跟以前不太一样，所以需要多注意一下。

class Coder{

name(val){

console.log(val);returnval;

}

constructor(a,b){this.a=a;this.b=b;

}

add(){return this.a+this.b;

}

let shuang=new Coder(1,2);

console.log(shuang.add());

class的继承

class的继承就是用extends

class shuang extends Coder{

}

let shuang=newshuang;

shuang.name('Angel爽');

声明一个shuang的新类，用extends继承了Coder，调用里面的name方法，发现也是可以输出的。

es6添加删除class_es6中class类的使用相关推荐

es6添加删除class_ES6中常用的10个新特性讲解
ECMAScript 6(ES6) 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 Chrome 和 Firefox 浏览器,已经支持 ...
es6添加删除class_ES6 class（基本语法+方法）
静态属性与静态方法 1. 不会被类实例所拥有的属性与方法只是类自身拥有 2. 只能通过类调用静态方法与普通方法重名,不会冲突 static 关键字(静态方法) 静态属性类名.属性名 = 属性值; ...
es6添加删除class_ES6 class类的创建和模板字符串
1. class类的创建function ren(){ this.name = '名字'; this.age = '年龄'; this.sex = '性别'; //行为用函数来表示 this.run ...
隐藏添加删除程序中的程序在控制面板中的“添加/删除程序”项
隐藏添加删除程序中的程序在控制面板中的"添加/删除程序"项是我们要卸载程序一个程序最彻底的地方.但很多时候为了防止自己安装的程序不被别人卸载,我们希望能够在"添加/删除程 ...
es6添加删除class_es6-class的基本用法
一,定义类到了ES6添加了类,作为对象的模板.通过class来定义一个类定义的类只是语法糖,目的是让我们用更简洁明了的语法创建对象及处理相关的继承. javascript传统做法是当生成一个对象实 ...
如何从“添加/删除程序”列表中手动删除程序
重要说明:本文包含有关修改注册表的信息.修改注册表之前,一定要备份注册表,并且一定要知道在发生问题时如何还原注册表.有关如何备份.还原和编辑注册表的信息,请单击下面的文章编号,以查看 Microsof ...
MySQL 学习笔记（4）— 组合查询、子查询、插入数据、更新/删除表数据、增加/删除表中的列以及重命名表
1. 组合查询 1.表的加减法表的加法,即求 product 和 product2 的并集,UNION 运算会除去重复的记录 SELECT product_id, product_name FROM ...
解决“添加删除程序”里面隐藏问题
在C:\Windows\Inf下找到Sysoc.inf文件,用记事本程序打开它,该文件显示了当前已安装程序的部分列表.我们拿MSN Messenger来做个实验,在其中找到这一句"msmsg ...
如何将计算机中的文件添加到桌面,如何将日历添加至电脑桌面中
如何将日历添加至电脑桌面中随着科技的发展,电脑已经成为人们日常生活中必不可少的工具,当我们在使用电脑时,如果想要一下子在桌面中就能看到日历的话,应该如何操作呢?其实我们可以直接将日历小工具添加至桌面 ...

es6添加删除class_es6中class类的使用

es6添加删除class_es6中class类的使用相关推荐

最新文章

热门文章