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拖动div 当鼠标移动时整个div也相应的移动

    js拖动div 当鼠标移动时整个div也相应的移动

    要拖动的div为最外层的div,这段代码对显示对话框的头部绑定鼠标监听事件,当鼠标移动时,整个div也相应的移动,具体的实现如下,感兴趣的朋友可以参考下
    2013-11-11
  • java必学必会之static关键字

    java必学必会之static关键字

    java必学必会之static关键字,static关键字是很多朋友在编写代码和阅读代码时碰到的比较难以理解的一个关键字,下面结合大家一起学习static关键字
    2015-12-12
  • JavaScript内存管理介绍

    JavaScript内存管理介绍

    这篇文章主要介绍了JavaScript内存管理介绍,本文讲解了内存生命周期、JavaScript的内存分配、通过函数调用的内存分配、当内存不再需要使用时释放等内容,需要的朋友可以参考下
    2015-03-03
  • PhotoShop给图片自动添加边框及EXIF信息的JS脚本

    PhotoShop给图片自动添加边框及EXIF信息的JS脚本

    这篇文章主要介绍了PhotoShop给图片自动添加边框及EXIF信息的JS脚本,本文给出效果图和实现代码,需要的朋友可以参考下
    2015-02-02
  • JS实现完全语义化的网页选项卡效果代码

    JS实现完全语义化的网页选项卡效果代码

    这篇文章主要介绍了JS实现完全语义化的网页选项卡效果代码,可实现基于鼠标滑过及点击的选项卡切换效果,非常具有实用价值,需要的朋友可以参考下
    2015-09-09
  • 浅谈webpack 构建性能优化策略小结

    浅谈webpack 构建性能优化策略小结

    webpack以其丰富的功能和灵活的配置而深受业内吹捧,逐步取代了grunt和gulp成为大多数前端工程实践中的首选,这篇文章主要介绍了浅谈webpack 构建性能优化策略小结,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • js和C# 时间日期格式转换的简单实例

    js和C# 时间日期格式转换的简单实例

    下面小编就为大家带来一篇js和C# 时间日期格式转换的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 详细分析单线程JS执行问题

    详细分析单线程JS执行问题

    给大家详细讲解一下单线程javascript的执行问题,以及通过实例分析用法。
    2017-11-11
  • JS实现超简单的鼠标拖动效果

    JS实现超简单的鼠标拖动效果

    这篇文章主要介绍了JS实现超简单的鼠标拖动效果,涉及JavaScript响应鼠标事件动态操作页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • 解决layer.open弹出框不能获取input框的值为空的问题

    解决layer.open弹出框不能获取input框的值为空的问题

    今天小编就为大家分享一篇解决layer.open弹出框不能获取input框的值为空的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论