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 混淆加密收藏
Jan 16 Javascript
关于window.pageYOffset和document.documentElement.scrollTop
Apr 05 Javascript
js中Image对象以及对其预加载处理示例
Nov 20 Javascript
JS判断、校验MAC地址的2个实例
May 05 Javascript
jquery处理json对象
Nov 03 Javascript
javascript实现在线客服效果
Jul 15 Javascript
jquery验证邮箱格式是否正确实例讲解
Nov 16 Javascript
JSONP和批量操作功能的实现方法
Aug 21 Javascript
AngularJS指令与控制器之间的交互功能示例
Dec 14 Javascript
jquery网页加载进度条的实现
Jun 01 jQuery
vue实现登陆登出的实现示例
Sep 15 Javascript
Vue页面跳转传递参数及接收方式
Sep 09 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读取RSS feed的代码
2008/08/01 PHP
php计算当前程序执行时间示例
2014/04/24 PHP
PHP+Mysql+jQuery实现发布微博程序 php篇
2015/10/15 PHP
YII Framework框架教程之缓存用法详解
2016/03/14 PHP
PHP实现通过URL提取根域名
2016/03/31 PHP
jQuery 全选效果实现代码
2009/03/23 Javascript
javascript 原型继承介绍
2011/08/30 Javascript
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
jquery入门—数据删除与隔行变色以及图片预览
2013/01/07 Javascript
Raphael一个用于在网页中绘制矢量图形的Javascript库
2013/01/08 Javascript
js 跳出页面的frameset框架示例介绍
2013/12/23 Javascript
Javascript 函数parseInt()转换时出现bug问题
2014/05/20 Javascript
Javascript设计模式之观察者模式(推荐)
2016/03/29 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
2016/09/09 Javascript
jQuery使用方法
2017/02/04 Javascript
VUE DOM加载后执行自定义事件的方法
2018/09/07 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
2018/09/21 Javascript
详解如何快速配置webpack多入口脚手架
2018/12/28 Javascript
小程序server请求微信服务器超时的解决方法
2019/05/21 Javascript
微信小程序报错: thirdScriptError的错误问题
2020/06/19 Javascript
Nuxt 项目性能优化调研分析
2020/11/07 Javascript
异步任务队列Celery在Django中的使用方法
2018/06/07 Python
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
python 监测内存和cpu的使用率实例
2019/11/28 Python
在spyder IPython console中,运行代码加入参数的实例
2020/04/20 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
东方红海科技面试题软件测试方面
2012/02/08 面试题
法院实习人员自我鉴定
2013/09/26 职场文书
采购员的工作职责
2013/12/26 职场文书
师范教师大学生职业生涯规划范文
2014/01/05 职场文书
感恩节红领巾广播稿
2014/02/11 职场文书
经典商业广告词
2014/03/13 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
使用numpy nonzero 找出非0元素
2021/05/14 Python
解决Vue+SpringBoot+Shiro跨域问题
2021/06/09 Vue.js
Django框架模板用法详解
2022/06/10 Python