如何在JavaScript中创建类?

时间:2017-05-12 23:12:32

标签: javascript class ecmascript-6

我想知道是否有任何方法可以创建一个类,在类中编写一些函数,创建对象,然后在JavaScript中使用该对象从类中调用函数。例如:

假设这是我的script.js文件,其中包含类和方法:

class Myclass {

  function method1() {
    alert("This is method 1");
  }

}

假设这是我的index.html文件:

<head>
  <script src="script.js"></script>
</head>
<body>

  Myclass obj = new Myclass();

  <input type="button" onclick="obj.method1();" value="Click Here">

</body>

2 个答案:

答案 0 :(得分:1)

Classes在ECMAScript 2015中引入,只是构造函数的语法糖。换句话说,这应该是它的样子:

class Myclass {

  method1() {
    alert("This is method 1");
  }

}

ES2015中的方法声明没有function关键字(因为它们是方法)。然后你可以像这样创建一个实例:

const instance = new Myclass();
instance.method1();

您可以使用varletconst。 JavaScript是一种弱类型语言,因此在赋值中没有类型声明。

答案 1 :(得分:-1)

在JS中你不会调用这样的方法,你可以在js文件中声明该函数并直接调用它,如下所示:

function showAlert(){
    alert('MyAlert');
}

并在您的HTML代码中:

 <h1 id="title">Javascript example no.1</h1>
<input type="submit" id="byBtn" value="ShowAlert" onclick="showAlert()"/>

jsfiddle:https://jsfiddle.net/rgL91upa/1/

比课更简单:)