JavaScript学习笔记之自定义对象

最新推荐文章于 2025-04-26 15:57:22 发布

原创最新推荐文章于 2025-04-26 15:57:22 发布 · 192 阅读

CC 4.0 BY-SA版权

本文介绍了JavaScript中创建对象的三种常见方法：直接创建并初始化、使用构造函数实例化以及通过对象字面量方式。每种方法都有其适用场景，并附有示例代码。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <!-- 1、直接创建对象并赋初值： -->
    <script type="text/javascript">
        // 1)、方法1：
        people = new Object();
        people.name = "Jack";
        people.age = "20";
        people.gender = "男";

        document.write("name: " + people.name + "<br/>");
        document.write("age: " + people.age + "<br/>");
        document.write("gender: " + people.gender + "<br/>");
        document.write("<hr/>");

        // 方法2：
        people = { name: "Tom", age: "22", gender: "女" };

        document.write("name: " + people.name + "<br/>");
        document.write("age: " + people.age + "<br/>");
        document.write("gender: " + people.gender + "<br/>");
        document.write("<hr/>");
    </script>

    <!-- 2、使用函数来定义对象，然后创建新的对象实例。 -->
    <script type="text/javascript">
        function People(name, age, gender) {
            this.name = name;
            this.age = age;
            this.gender = gender;
        }

        // 实例化对象：
        son = new People("Lucy", "28", "女");

        document.write("name: " + son.name + "<br/>");
        document.write("age: " + son.age + "<br/>");
        document.write("gender: " + son.gender + "<br/>");
        document.write("<hr/>");
    </script>
</body>
</html>