JS 类的创建语法和类实例化方法,实例在线

JS类

类,一般情况下是用于面向对象编程oop的数据结构,比如C++,比如python等等。在JavaScript(ES6)中也有相关类的概念。如果想具体了解一下什么是面向对象,可以参考python教程中的介绍:python的面向对象OOP,打怪游戏实例升级版。在JavaScript中,同样是使用class关键词来创建类,其语法如下:

class ClassName {
  constructor( args ) { this.attribute = args }
}

提示:constructor()是一个构造函数,可用于初始化类实例,有点像python中的初始化构造函数__init__()。

提示:constructor()中的参数可用于定义类的属性,其中attribute的名称可以自定义,具体的可以见下方的实例。

提示:constructor()构造函数在类实例被创建的过程中会自动执行。如果未定义构造函数,JS会创建空的构造函数。


JS类实例化方法

var object = new ClassName( args )

类属性的访问语法

object.attribute

创建类实例代码,及在线编辑器

下方的实例中简单创建了一个花的类,属性包括花的名称和花语:

<script>
  class Flower{
    constructor(name, flowery_language) {
      this.name = name;
      this.flowery_language = flowery_language;
    }
  }
  
  var rose = new Flower('rose', '爱情')
  var Lily = new Flower('lily', '纯洁')
  alert(rose.name +' '+ rose.flowery_language)
  alert(Lily.name +' '+ Lily.flowery_language)
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.