JavaScript类怎么创建

这篇文章主要介绍“JavaScript类怎么创建”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“JavaScript类怎么创建”文章能帮助大家解决问题。

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了鱼峰免费建站欢迎大家使用！

JavaScript 类是 JavaScript 对象的模板

JavaScript 类的语法

请使用关键字 class 创建类。

请始终添加名为 constructor() 的方法：

语法

class ClassName {

  constructor() { ... }

}

实例

class Car {

  constructor(name, year) {

    this.name = name;

    this.year = year;

  }

}

上面的例子创建了一个名为 "Car" 的类。

该类有两个初始属性："name" 和 "year"。

JavaScript 类不是对象。

它只是 JavaScript 对象的模板。

使用类

如果您有一个类，那么您可以使用该类来创建对象：

实例

let myCar1 = new Car("Ford", 2014);

let myCar2 = new Car("Audi", 2019);

上面的例子使用 Car 类创建了两个 Car 对象。

在创建新对象时会自动调用 constructor 方法。

Constructor 方法

构造方法是一种特殊的方法：

它必须拥有确切名称的“构造函数”

创建新对象时自动执行

用于初始化对象属性

如果未定义构造函数方法，JavaScript 会添加空的构造函数方法。

Class 方法

类方法的创建

语法

与对象方法相同。

请使用关键字 class 创建类。

请始终添加 constructor() 方法。

然后添加任意数量的方法。

语法

class ClassName {

  constructor() { ... }

  method_1() { ... }

  method_2() { ... }

  method_3() { ... }

}

创建名为 "age" 的类方法，它返回车龄：

实例

class Car {

  constructor(name, year) {

    this.name = name;

    this.year = year;

  }

  age() {

    let date = new Date();

    return date.getFullYear() - this.year;

  }

}

let myCar = new Car("Ford", 2014);

document.getElementById("demo").innerHTML =

"My car is " + myCar.age() + " years old.";

您可以向类方法发送参数：

实例

class Car {

  constructor(name, year) {

    this.name = name;

    this.year = year;

  }

  age(x) {

    return x - this.year;

  }

}

let date = new Date();

let year = date.getFullYear();

let myCar = new Car("Ford", 2014);

document.getElementById("demo").innerHTML=

"My car is " + myCar.age(year) + " years old.";

关于“JavaScript类怎么创建”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。

分享标题：JavaScript类怎么创建
分享地址：https://www.cdcxhl.com/article0/jdoiio.html

成都网站建设公司_创新互联，为您提供品牌网站制作、品牌网站建设、企业建站、响应式网站、云服务器、网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联