JavaScript利用构造函数创建对象

最新推荐文章于 2025-04-07 00:09:46 发布

零零零零零零零零零

最新推荐文章于 2025-04-07 00:09:46 发布

阅读量305

点赞数

分类专栏：前端文章标签： html5

本文链接：https://blog.youkuaiyun.com/m0_68576237/article/details/124372160

版权

前端专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何使用JavaScript的构造函数创建并实例化具有相同属性（如姓名、年龄和性别）和方法（如唱歌）的四大天王对象。通过`Star`构造函数，展示了如何定义对象和调用其方法进行实例操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>
    <script>
        /*

        利用构造函数创建对象
        我们需要创建四大天王的对象  
        相同的属性： 名字 年龄 性别  
        相同的方法： 唱歌
        
        构造函数的语法格式
        
        function 构造函数名() {
            this.属性 = 值;
            this.方法 = function() {}
        }
        
        调用构造方法
        new 构造函数名();

        */

        function Star(uname, age, sex) {
            this.name = uname;
            this.age = age;
            this.sex = sex;

            this.sing = function(sang) {
                console.log(sang);

            }
        }

        // 创建对象
        // 调用Star函数返回的是一个对象
        var ldh = new Star('刘德华', 18, '男'); 

        // console.log(typeof ldh);
        console.log(ldh.name);
        console.log(ldh['sex']);
        ldh.sing('冰雨');

        // 创建对象
        var zxy = new Star('张学友', 19, '男');
        
        console.log(zxy.name);
        console.log(zxy.age);
        zxy.sing('李香兰')



        // 1. 构造函数名字首字母要大写
        // 2. 我们构造函数不需要return 就可以返回结果
        // 3. 我们调用构造函数 必须使用 new
        // 4. 我们只要new Star() 调用函数就创建一个对象 ldh  {}
        // 5. 我们的属性和方法前面必须添加 this
    </script>
</head>

<body>

</body>

</html>