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 相关文章推荐
网易JS面试题与Javascript词法作用域说明
Nov 09 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
Aug 07 Javascript
Javascript对象Clone实例分析
Jun 09 Javascript
jQuery实现背景弹性滚动的导航效果
Jun 01 Javascript
javascript比较语义化版本号的实现代码
Sep 09 Javascript
深入理解JavaScript定时机制
Oct 27 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
Oct 31 Javascript
VUE element-ui 写个复用Table组件的示例代码
Nov 18 Javascript
一文搞懂ES6中的Map和Set
May 20 Javascript
js最全的数组的降维5种办法(小结)
Apr 28 Javascript
jquery实现手风琴案例
May 04 jQuery
实现一个简单得数据响应系统
Nov 11 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
PHP json格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
基于PHP Socket配置以及实例的详细介绍
2013/06/13 PHP
利用PHP抓取百度阅读的方法示例
2016/12/18 PHP
Yii框架自定义数据库操作组件示例
2019/11/11 PHP
Jquery中dialog属性小记
2010/09/03 Javascript
html组件不可输入(只读)同时任何组件都有效
2013/04/01 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
2014/05/23 Javascript
jquery 新建的元素事件绑定问题解决方案
2014/06/12 Javascript
如何使用jquery easyui创建标签组件
2015/11/18 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
2017/08/03 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
2019/06/18 jQuery
浅析微信小程序modal弹窗关闭默认会执行cancel问题
2019/10/14 Javascript
vue element-ui实现动态面包屑导航
2019/12/23 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
2020/01/07 Javascript
vue-video-player 断点续播的实现
2021/02/01 Vue.js
Python和php通信乱码问题解决方法
2014/04/15 Python
python实现在IDLE中输入多行的方法
2018/04/19 Python
Python用csv写入文件_消除空余行的方法
2018/07/06 Python
Python设计模式之组合模式原理与用法实例分析
2019/01/11 Python
python初学者,用python实现基本的学生管理系统(python3)代码实例
2019/04/10 Python
python版百度语音识别功能
2019/07/09 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
Python 复平面绘图实例
2019/11/21 Python
python中scipy.stats产生随机数实例讲解
2021/02/19 Python
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
HTML5 层的叠加的实现
2020/07/07 HTML / CSS
阿迪达斯墨西哥官方网站:adidas墨西哥
2017/11/03 全球购物
建筑工程专业毕业生自荐信
2013/10/19 职场文书
高中军训感言400字
2014/02/24 职场文书
求职意向书
2014/04/01 职场文书
平安校园建设方案
2014/05/02 职场文书
银行求职信范文怎么写
2015/03/20 职场文书
2015年乡镇纪检工作总结
2015/04/22 职场文书
经营目标责任书
2015/05/08 职场文书
《追风筝的人》:人心中的成见是座大山,但请不忘初心
2019/11/15 职场文书