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

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

GodGump

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

阅读量292

点赞数

分类专栏： html复习

本文链接：https://blog.csdn.net/GodGump/article/details/113058999

版权

html复习专栏收录该内容

23 篇文章 0 订阅

订阅专栏

对象的定义：
对象是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>

运行结果：
在这里插入图片描述
解释上面的this相当于指针可以表示该对象。

GodGump

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js的对象的定义以及创建（附有HTML5代码实例）

对象的定义：对象是JavaScript的一个基本数据类型，是一种复合值，它将很多值（原始值或者其他对象）聚合在一起，可通过名字访问这些值。即属性的无序集合。对象的创建（多种方法）1、直接法：使用关键字var定义一个对象，同时内容使用花括号括起来。举个例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</titl
复制链接

扫一扫

专栏目录