首页 > 编程语言 >JavaScript类

JavaScript类

时间:2023-02-08 21:47:32浏览次数:42  
标签:name url JavaScript 创建对象 site class

一、什么是js类

类是创建对象的模板,使用class关键字, 类体在大括号{}中,类体中我们可以写需要的属性、方法成员,其中每个类都包含一个特殊方法constructor()。它是类的构造函数,由class创建的对象。

类的书写规则:

1 class className{
2   constructtor(){...}  
3 
4 }

二、使用类

定义好类之后,如何使用呢?使用new关键字来创建对象。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <title>JavaScript类</title>
 8 </head>
 9 <body>
10     <h2>JavaScript类的使用</h2>
11     <p id="demo"></p>
12     <script>
13         class Cnblogs {
14             constructor(name, url){
15                 this.name = name;
16                 this.url = url;
17             }
18         }
19         // 创建对象
20         let site = new Cnblogs("博客园", "http://cnblogs.com")
21         document.getElementById("demo").innerHTML=site.name + ":" +site.url
22     </script>
23 </body>
24 </html>

 

标签:name,url,JavaScript,创建对象,site,class
From: https://www.cnblogs.com/wenzm/p/17103379.html

相关文章