js的对象的定义以及创建（附有HTML5代码实例）

JavaScript对象创建的三种方式详解

最新推荐文章于 2023-01-03 17:30:02 发布

原创最新推荐文章于 2023-01-03 17:30:02 发布 · 346 阅读

0 ·

CC 4.0 BY-SA版权

html复习专栏收录该内容

23 篇文章

订阅专栏

本文详细介绍了JavaScript中创建对象的三种方法：直接法、使用系统构造函数和自定义构造函数。通过实例展示了如何使用这三种方式创建并访问对象的属性，并解释了在自定义构造函数中`this`关键字的作用。

对象的定义：
对象是JavaScript的一个基本数据类型，是一种复合值，它将很多值（原始值或者其他对象）聚合在一起，可通过名字访问这些值。即属性的无序集合。
对象的创建（多种方法）
1、直接法：
使用关键字var定义一个对象，同时内容使用花括号括起来。
举个例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script language="JavaScript">
        var obj = {
            name: 'GodGump',
            age: 23
        }
        window.alert( obj.name );
    </script>
</head>
<body>

</body>
</html>

运行结果：
在这里插入图片描述
使用构造方法创建js对象
系统构造函数：包括new Object(), Array(), Number(),Boolean(), Date()…
举个例子：

<script language="JavaScript">
        // var obj = {
        //     name: 'GodGump',
        //     age: 23
        // }
        // window.alert( obj.name );
        var obj = new Object();
        obj.name = 'GodGump';
        window.alert( obj.name );
    </script>

运行结果：
在这里插入图片描述

自定义构造函数：采用大驼峰命名法定义一个function然后进行相应操作
举个例子：

<script language="JavaScript">
        // var obj = {
        //     name: 'GodGump',
        //     age: 23
        // }
        // window.alert( obj.name );
        // var obj = new Object();
        // obj.name = 'GodGump';
        // window.alert( obj.name );
        function ObjectTest(name){
            this.name = name;
        }
        window.alert( new ObjectTest("GodGump").name );
    </script>