JS高级：创建类和对象

最新推荐文章于 2024-09-04 20:18:34 发布

阳光百般

最新推荐文章于 2024-09-04 20:18:34 发布

阅读量395

点赞数

分类专栏： JS高级-知识点文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_64739799/article/details/121842751

版权

JS高级-知识点专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这篇博客深入介绍了JavaScript中的类（Class）和实例对象的创建。通过`class`关键字定义了Dog类，并展示了如何使用构造函数（constructor）传递参数来初始化实例对象的属性。文章还解释了`this`关键字的使用以及如何定义类的方法。最后，通过`new`操作符创建了两个Dog类的实例dm和za，展示了实例对象的创建过程。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        // 1. 通过class关键字创建类(Dog)(类名后面不要加小括号),习惯性定义首字母大写  
        class Dog {
            // constructor 是一个构造方法，用来接收参数,同时返回实例对象
            constructor(uname, age) {
                this.uname = uname;  // this 代表实例对象，this 谁调用指向谁
                this.age = age;  // this.age 代表给实例对象添加一个 age属性
            }
            // 这是 Dog 类 的方法，注意千万不要加上function  (作用：为对象 准备方法)
            sing(){ 
                console.log('hhh');
            }
        }

        // 2. 利用类创建实例对象 
        var dm = new Dog('德牧', 2);
        var za = new Dog('藏獒', 6);
        console.log(dm);
        console.log(za);

// 补充：
// constructor()函数：只要 new 生成实例时(new 不能省略),就会自动调用这个函数, 如果我们不写这个函数,类也会自动生成这个函数
// 构造函数不需要加function
// 在构造方法中传入参数的情况：
// 只传一个参数时，默认为第一个参数的值，第二个值为 undefined
// 参数可以为空 '' 
    </script>
</body>

</html>

阳光百般

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS高级：创建类和对象

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.
复制链接

扫一扫

专栏目录