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 相关文章推荐
jquery时间下拉框小例子
Apr 15 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 Javascript
jQuery的图片滑块焦点图插件整理推荐
Dec 07 Javascript
微信小程序 toast 详解及实例代码
Nov 09 Javascript
JavaScript 控制字体大小设置的方法
Nov 23 Javascript
JavaScript生成.xls文件的代码
Dec 22 Javascript
详谈JavaScript的闭包及应用
Jan 17 Javascript
AngularJS页面传参的5种方式
Apr 01 Javascript
IntersectionObserver实现图片懒加载的示例
Sep 29 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
Feb 12 Javascript
通过说明与示例了解js五种设计模式
Jun 17 Javascript
Vue3 源码导读(推荐)
Oct 14 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
生成sessionid和随机密码的例子
2006/10/09 PHP
谨慎使用PHP的引用原因分析
2012/09/06 PHP
学习php设计模式 php实现访问者模式(Visitor)
2015/12/07 PHP
删除PHP数组中头部、尾部、任意元素的实现代码
2017/04/10 PHP
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
js作用域及作用域链概念理解及使用
2013/04/15 Javascript
JavaScript中检测变量是否存在遇到的一些问题
2013/11/11 Javascript
JavaScript对象之深度克隆介绍
2014/12/08 Javascript
Angularjs制作简单的路由功能demo
2015/04/14 Javascript
ajax如何实现页面局部跳转与结果返回
2015/08/24 Javascript
js正则表达式replace替换变量方法
2016/05/21 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
2016/09/28 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
2017/12/08 Javascript
解决vue中修改export default中脚本报一大堆错的问题
2018/08/27 Javascript
JavaScript JSON数据处理全集(小结)
2019/08/15 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
[07:47]DOTA2国际邀请赛采访专栏:探访Valve总部
2013/08/08 DOTA
[02:27]DOTA2英雄基础教程 莱恩
2014/01/17 DOTA
python strip()函数 介绍
2013/05/24 Python
python中反射用法实例
2015/03/27 Python
python 剪切移动文件的实现代码
2018/08/02 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
python匿名函数用法实例分析
2019/08/03 Python
HTML5中的Article和Section元素认识及使用
2013/03/22 HTML / CSS
canvas版人体时钟的实现示例
2021/01/29 HTML / CSS
销售经理工作职责范文
2013/12/03 职场文书
证婚人搞笑证婚词
2014/01/10 职场文书
医院学雷锋活动策划方案
2014/02/15 职场文书
社会治安综合治理管理责任书
2014/04/16 职场文书
祖国在我心中的演讲稿
2014/05/04 职场文书
2014年端午节演讲稿范文
2014/05/23 职场文书
镇党委书记群众路线整改措施思想汇报
2014/10/13 职场文书
2019年怎样才能撰写出优秀的自荐信
2019/03/25 职场文书
英文诗歌翻译方法(赏析)
2019/08/16 职场文书