开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >自定义对象_JavaScript

自定义对象_JavaScript

作者头像

GeekLiHua

发布于 2025-01-21 15:17:06

发布于 2025-01-21 15:17:06

2800

举报

文章被收录于专栏：JavaJava

自定义对象_JavaScript

学习路线：JavaScript基础语法（输出语句）->JavaScript基础语法（变量）->JavaScript基础语法（数据类型）->JavaScript基础语法（运算符）->JavaScript基础语法（流程控制语句）->JavaScript基础语法（类型转换）->JavaScript基础语法（函数）->Array_JavaScript->String_JavaScript->自定义对象_JavaScript->JavaScript_BOM->Window对象->confirm()、setInterval()、setTimeout()->History、Location->闪烁的灯泡->JavaScript_DOM->事件绑定(onclick,onfocus,onblur)->

事件绑定(onmouseout,onmouseover)

->事件绑定(onsubmit)表单提交

->提交表单与验证表单案例

简介：JavaScript中的自定义对象，相当于Java中的类。

自定义对象

格式：

var 对象名称 = {
    属性名称1:属性值1,
    属性名称2:属性值2,
    ...,
    函数名称:function (形参列表){},
	...
};

调用属性的格式：

对象名.属性名

调用函数的格式：

对象名.函数名()

演示代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    
<script>
    var person = {
        name : "zhangsan",
        age : 33,
        eat: function (){
            console.log("干饭~");
        }
    };
    console.log(person.name);  //zhangsan
    console.log(person.age); //23

    person.eat();  //干饭~
</script>
</body>
</html>

运行结果

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-02-23，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

目录

自定义对象_JavaScript
- 自定义对象