JavaScript创建对象——构造函数

最新推荐文章于 2024-08-25 10:29:19 发布

LeTHElala

最新推荐文章于 2024-08-25 10:29:19 发布

阅读量1.2k

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_58196292/article/details/123458950

版权

本文介绍了JavaScript中创建对象的三种方法，包括使用对象字面量、new Object以及构造函数的方式，重点解析了构造函数在初始化对象时的应用。

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

JavaScript创建对象的三种方式：

利用字面量创建，对象字面量为{}
利用 new Object 创建
利用构造函数，初始化对象

<!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>
    <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);
            }
        }

        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() 调用函数就创建一个对象
        // 5.我们的属性和方法前面必须加 this
    </script>
</head>

<body>

</body>

</html>