JS自定义对象创建与简单使用方法示例

 更新时间:2020年01月15日 09:54:40   作者:qq_42412646  
这篇文章主要介绍了JS自定义对象创建与简单使用方法,结合实例形式分析了JavaScript创建与使用自定义对象的相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS自定义对象创建与简单使用方法。分享给大家供大家参考,具体如下:

<html>
    <head>
        <title>js自定义函数</title>
        <meta charset="UTF-8"/>
        <script type="text/javascript">
            //创建自定义对象
            //方法一:
//            var obj=new Object();
      //方法二
            var obj={};
            obj.name="古河渚";
            obj.height="155";
            obj.weight="45";
            obj.hail=function(a){
                console.log("clannad赛高");
                console.log("古河渚赛高");
            }
            console.log(obj.name);
            obj.hail();
            obj.hail();
        </script>
    </head>
    <body>
        <h3>js自定义函数</h3>
    </body>
</html>

运行结果:

自定义对象的基本方式:方法一:建立一个object对象      方法二:建立一个{}注意是{}而非()

建立一个自定义对象的原因是因为我们无法提前得知我们这个类应该拥有什么属性值。所以创建自定义对象来方便进行对象属性的添加。创建类的原因是因为我们对一种类的公共属性或是方法有了一定的认识。为了减少代码的冗余而创建的。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • js常用方法示例梳理(总结篇)

    js常用方法示例梳理(总结篇)

    这篇文章主要为大家介绍了js常用的方法示例梳理总结及功能详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • Webpack 4如何动态切割JS注入文件名详解

    Webpack 4如何动态切割JS注入文件名详解

    这篇文章主要给大家介绍了关于Webpack 4如何动态切割JS注入文件名的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Webpack4具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • tracking.js实现前端人脸识别功能

    tracking.js实现前端人脸识别功能

    这篇文章主要介绍了tracking.js实现前端人脸识别功能,本文通过实例代码截图的形式给大家展示的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • 如何给ss bash 写一个 WEB 端查看流量的页面

    如何给ss bash 写一个 WEB 端查看流量的页面

    由于刚毕业的穷大学生,和朋友合租了一台服务器开了多个端口提供 ss 服务,懒得配置 ss-panel,就使用了 ss-bash 来监控不同端口的流量,但每次都要等上服务器才能看到流量使用情况,很麻烦,于是就写了个简单的页面来提供 WEB 访问,具体内容一起通过本文学习吧
    2017-03-03
  • javascript实现的textarea运行框效果代码 不用指定id批量指定

    javascript实现的textarea运行框效果代码 不用指定id批量指定

    今天在写一个网页的时候用到了N多嵌套在textarea标签里的代码,定义双击运行其内的代码段。但是每次创建一个这样的可运行的实例都要给textarea元素自定义一个id值和写入双击事件,好不麻烦。
    2009-12-12
  • js中的面向对象之对象常见创建方法详解

    js中的面向对象之对象常见创建方法详解

    这篇文章主要介绍了js中的面向对象之对象常见创建方法,结合实例形式较为详细的分析了JavaScript创建对象的四种常用方式,需要的朋友可以参考下
    2019-12-12
  • 微信开发 消息推送实现代码

    微信开发 消息推送实现代码

    这篇文章主要介绍了微信开发 消息推送实现代码的相关资料,需要的朋友可以参考下
    2016-10-10
  • 详解如何解决使用JSON.stringify时遇到的循环引用问题

    详解如何解决使用JSON.stringify时遇到的循环引用问题

    这篇文章主要介绍了详解如何解决使用JSON.stringify时遇到的循环引用问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • JavaScript canvas实现字符雨效果

    JavaScript canvas实现字符雨效果

    这篇文章主要为大家详细介绍了JavaScript canvas实现字符雨效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • js实现模拟计算器退格键删除文字效果的方法

    js实现模拟计算器退格键删除文字效果的方法

    这篇文章主要介绍了js实现模拟计算器退格键删除文字效果的方法,涉及javascript字符串截取操作的相关技巧,需要的朋友可以参考下
    2015-05-05

最新评论