JavaScript类的定义和使用

来源：互联网收集：自由互联发布时间：2022-05-30

JavaScript 类(class) 类是用于创建对象的模板。我们使用 class 关键字来创建一个类，类体在一对大括号 {}中，我们可以在大括号 {}中定义类成员的位置，如方法或构造函数。每个类中包含

JavaScript 类(class)

类是用于创建对象的模板。

我们使用 class 关键字来创建一个类，类体在一对大括号 {} 中，我们可以在大括号 {} 中定义类成员的位置，如方法或构造函数。

每个类中包含了一个特殊的方法 constructor()，它是类的构造函数，这种方法用于创建和初始化一个由 class 创建的对象。

创建一个类的语法格式如下：

class ClassName { constructor() { ... } }

实例：

实例 class Runoob { constructor(name, url) { this.name = name; this.url = url; } }

使用类

定义好类后，我们就可以使用 new 关键字来创建对象：

实例 class Runoob { constructor(name, url) { this.name = name; this.url = url; } } let site = new Runoob("菜鸟教程", "https://www.runoob.com");

定义person类

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>

        class Person{
            constructor(name,age){
                this.age = age;
                this.name = name;

            }
            show(){
                document.write(this.name+","+this.age+"<br>");
            }

            eat(){
                document.write("吃饭...");
            }
        }

        let p = new Person("张三",23);
        p.show();
        p.eat();

    </script>
</body>
</html>

输出结果为：

字面量类的定义和使用（常用）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
            let person = {
                name : "张三" ,
                age : 23 ,
                hobby : ["听课","学习"],
                eat : function(){
                    document.write("吃饭...");
                }
            
            }

            document.write(person.name + "," + person.age +"," +person.hobby[0]+person.hobby[1]);
            person.eat();
    </script>
</body>
</html>

【文章由韩国大带宽服务器 http://www.558idc.com/lg.html处的文章,转载请说明出处】

上一篇：【DSP视频教程】DSP视频教程第5期：Matlab生成C算法文件在STM32上运行，相比Simu
下一篇：没有了

JavaScript类的定义和使用

相关文章