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


Posted in Javascript onJanuary 15, 2020

本文实例讲述了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>

运行结果:

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

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

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

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

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

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

Javascript 相关文章推荐
Javascript this关键字使用分析
Oct 21 Javascript
Package.js  现代化的JavaScript项目make工具
May 23 Javascript
js阻止事件追加的具体实现
Oct 15 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
Sep 04 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
May 25 Javascript
谈谈React中的Render Props模式
Dec 06 Javascript
js中事件对象和事件委托的介绍
Jan 21 Javascript
Vue 3.0 前瞻Vue Function API新特性体验
Aug 12 Javascript
JS回调函数 callback的理解与使用案例分析
Sep 09 Javascript
Node.js开发之套接字(socket)编程入门示例
Nov 05 Javascript
js实现验证码干扰(静态)
Feb 22 Javascript
Javascript webpack动态import
Apr 19 Javascript
vue移动端使用canvas签名的实现
Jan 15 #Javascript
js实现鼠标拖拽div左右滑动
Jan 15 #Javascript
Vue数字输入框组件示例代码详解
Jan 15 #Javascript
Vue v-bind动态绑定class实例方法
Jan 15 #Javascript
JS 事件机制完整示例分析
Jan 15 #Javascript
JS实现滑动插件
Jan 15 #Javascript
JS实现滑动导航效果
Jan 14 #Javascript
You might like
MySQL数据源表结构图示
2008/06/05 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
Laravel 框架控制器 Controller原理与用法实例分析
2020/04/14 PHP
javascript 支持链式调用的异步调用框架Async.Operation
2009/08/04 Javascript
JS 显示当前日期与时间的代码
2010/03/24 Javascript
怎么清空javascript数组
2013/05/11 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
javascript实现带节日和农历的日历特效
2015/02/01 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
jQuery与js实现颜色渐变的方法
2016/12/30 Javascript
Angular.js中定时器循环的3种方法总结
2017/04/27 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
2019/05/29 Javascript
layui使用templet格式化表格数据的方法
2019/09/16 Javascript
vue 导航内容设置选中状态样式的例子
2019/11/01 Javascript
Python输出PowerPoint(ppt)文件中全部文字信息的方法
2015/04/28 Python
Django objects.all()、objects.get()与objects.filter()之间的区别介绍
2017/06/12 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
Python操作mongodb数据库的方法详解
2018/12/08 Python
Python3实现的回文数判断及罗马数字转整数算法示例
2019/03/27 Python
python求最大公约数和最小公倍数的简单方法
2020/02/13 Python
Selenium向iframe富文本框输入内容过程图解
2020/04/10 Python
Vilebrequin美国官方网上商店:法国豪华泳装品牌
2020/02/22 全球购物
异常和异常类的概念
2014/09/12 面试题
什么是makefile? 如何编写makefile?
2013/01/02 面试题
servlet面试题
2012/08/20 面试题
爱岗敬业演讲稿
2014/05/05 职场文书
大四毕业生自荐书
2014/07/05 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
清洁工个人总结
2015/03/04 职场文书
2015年检验员工作总结范文
2015/04/30 职场文书
会议主持词结束语
2015/07/03 职场文书
战友聚会致辞
2015/07/28 职场文书
2016新教师培训心得体会范文
2016/01/08 职场文书
年会邀请函的格式及范文五篇
2019/11/02 职场文书
java中为什么说子类的构造方法默认访问的是父类的无参构造方法
2022/04/13 Java/Android
golang的文件创建及读写操作
2022/04/14 Golang