这期内容当中小编将会给大家带来有关如何使用class语法在JavaScript中实现类，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。
成都创新互联公司成立与2013年，是专业互联网技术服务公司，拥有项目成都做网站、网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元蟠龙做网站,已为上家服务,为蟠龙各地企业和个人服务,联系电话:13518219792
在ECMAScript 6中追加了以JavaScript来定义类的class语法。在这篇文章中，我将介绍使用class语法实现JavaScript类的代码。
我们先来看一下浏览器的支持
因为它需要与ECMAScript 6相对应，所以它适用于以下浏览器。
Microsoft Edge
谷歌浏览器49或更高版本
Firefox 45或更高版本
我们来看一下语法格式
class (类名){
constructor ([参数...]){
}
(类名1)([参数...]){
...(方法的实现)
}
(类名2)([参数...]){
...(方法的实现)
}
...
(类名n)([参数...]){
...(方法的实现)
}
}我们来看简单的示例
代码如下
说明：
我们使用以下代码声明并实现该类。
声明“MyClass”类。MyClass有一个method01（）方法。
method01（）方法返回一个字符串“Hello JavaScript Class”。
class MyClass {
method01() {
return "Hello JavaScript Class.";
}
}通过单击按钮，执行以下onButtonClick（）函数。
function onButtonClick() {
var mclass = new MyClass();
var elem = document.getElementById("output");
elem.innerHTML = mclass.method01();
}var mclass = new MyClass();
上面的代码创建了一个MyClass实例。创建的MyClass对象（MyClass实例）被分配给mclass变量。
var elem = document.getElementById("output");
elem.innerHTML = mclass.method01();调用getElementById（）方法并获取带有“output”id的元素（div）。将调用MyClass类的method1（）方法的返回值替换为获取元素的innerHTML。将带有“output”作为id的div标记位置的文本更改为“Hello JavaScript Class”。
运行结果
使用Web浏览器显示上述HTML文件。将显示如下所示的效果。
单击[Exec]按钮。显示“output”的部分的字符串更改为“Hello JavaScript Class”。创建一个类的实例，可以确认方法可以执行。
最后，我们来看一下构造函数的示例
我们将使用构造函数介绍简单类的实现代码。
代码如下：
说明：类声明和实现的格式与前面的代码相同。
constructor(quote) {
this.iquote = quote;
}使用上面的constructor实现构造函数。在此代码中，赋予构造函数参数的值存储在iquote成员变量中。可以通过在“this”之后描述变量名来声明成员变量。
method01() {
return this.iquote + "Hello JavaScript Class." + this.iquote;
}method01（）方法返回一个字符串“Hello JavaScript Class”。与前一个示例的不同之处在于，在字符串之前和之后添加了赋予构造函数参数的字符串。
function onButtonClick() {
var mclass = new MyClass("～");
var elem = document.getElementById("output");
elem.innerHTML = mclass.method01();
}单击该按钮将执行上面的onButtonClick（）函数。创建MyClass的实例，并将方法1方法的返回值分配给具有输出ID的元素，并将其显示在浏览器上。
运行结果
使用Web浏览器显示上述HTML文件。将显示如下所示的效果。
单击[Exec]按钮。显示“output”的部分的字符串变为“〜Hello JavaScript Class .~”。创建了一个类的实例，您可以看到该方法是可执行的。在“Hello JavaScript Class .”的字符串前后，可以确认“～”将执行。
上述就是小编为大家分享的如何使用class语法在JavaScript中实现类了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。
